rotion 0.0.7 → 0.0.9

package/dist/ui/cjs/style.css

@@ -0,0 +1,331 @@
+:root{--x1y92o4d:rgb(50, 48, 44);--xgq91e7:rgba(227, 226, 224, 0.5);--xsjpurm:rgb(50, 48, 44);--x17xzs96:rgb(227, 226, 224);--x18bsbx9:rgb(68, 42, 30);--x7p2d1:rgb(238, 224, 218);--x16z8mn5:rgb(73, 41, 14);--xx63jd3:rgb(250, 222, 201);--x1ma8or9:rgb(64, 44, 27);--xjrctlu:rgb(253, 236, 200);--xl5mk0q:rgb(28, 56, 41);--xnhdkh7:rgb(219, 237, 219);--x1y9xni7:rgb(24, 51, 71);--x1xipc9s:rgb(211, 229, 239);--x17iakwi:rgb(65, 36, 84);--x1q4sjy7:rgb(232, 222, 238);--x1bkyxkq:rgb(76, 35, 55);--x5fno5p:rgb(245, 224, 233);--xw1fo1u:rgb(93, 23, 21);--x1vwzxpo:rgb(255, 226, 221);}
+:root{--xdhvszd:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";}
+.x130j894:not(#\#){background:inherit}
+.xwpv0f9:not(#\#){background:rgb(211,229,239) none repeat scroll 0 0}
+.x1rzy9ey:not(#\#){background:rgb(25,25,25)}
+.xxmbyu5:not(#\#){background:rgb(46,170,220)}
+.x1iyahom:not(#\#){background:rgba(135,131,120,.15)}
+.x1vc4kkm:not(#\#){background:rgba(231,243,248,1)}
+.x1wbybi0:not(#\#){background:rgba(237,243,236,1)}
+.x1b0lv13:not(#\#){background:rgba(241,241,239,1)}
+.xh3ejly:not(#\#){background:rgba(244,238,238,1)}
+.x4hwpk7:not(#\#){background:rgba(244,240,247,.8)}
+.x1yop5l8:not(#\#){background:rgba(249,238,243,.8)}
+.x36tass:not(#\#){background:rgba(251,236,221,1)}
+.xoow5ae:not(#\#){background:rgba(251,243,219,1)}
+.x1dia63y:not(#\#){background:rgba(253,235,236,1)}
+.x1r7xphn:not(#\#){background:white}
+.xtfardp:not(#\#){border:1px solid #ddd}
+.x1pwd5xa:not(#\#){border:1px solid #EEE}
+.xjr8z75:not(#\#){border:1px solid rgb(233,233,231)}
+.xrwc1qg:not(#\#){border:1px solid rgba(55,53,47,.16)}
+.x13k78xn:not(#\#){grid-template:repeat(1,1fr) /1.5rem 1fr}
+.x1ga92pj:not(#\#){margin:.2rem 0 0}
+.x1aki0ej:not(#\#){margin:.3rem .3rem 0}
+.x1rz42sk:not(#\#){margin:.5rem auto}
+.x1minv1u:not(#\#){margin:0 .5rem}
+.x1y59oyo:not(#\#){margin:0 0 0 7px}
+.x7qn6qj:not(#\#){margin:0 0 1rem}
+.xwkitof:not(#\#){margin:0 6px 0 0}
+.xqmp0lw:not(#\#){margin:0 7px}
+.x19bbpc0:not(#\#){margin:0 auto}
+.x1ghz6dp:not(#\#){margin:0}
+.xbkgn1r:not(#\#){margin:1rem 0}
+.x1qk52y6:not(#\#){margin:4px 0}
+.x1bpp3o7:not(#\#){margin:auto}
+.x16riluj:not(#\#){padding:.1rem .2rem}
+.xz94u7r:not(#\#){padding:.1rem 0 .1rem .3rem}
+.x1q4hdjl:not(#\#){padding:.2rem .3rem}
+.x13ahkag:not(#\#){padding:.2rem .4rem}
+.xdlojud:not(#\#){padding:.2rem 0 .2rem .3rem}
+.x1ym8bjb:not(#\#){padding:.2rem 0 .2rem 1rem}
+.x5zvi0u:not(#\#){padding:.3rem}
+.xl1j9gz:not(#\#){padding:.5rem 0}
+.xkzfsa1:not(#\#){padding:.6rem .3rem}
+.x1vn9ge:not(#\#){padding:.6rem 0 .4rem}
+.x2kcbxv:not(#\#){padding:.6rem 1rem}
+.x1ab2qf2:not(#\#){padding:.7rem 1rem 0}
+.xlcowx6:not(#\#){padding:0 .3rem}
+.x3wxoqf:not(#\#){padding:0 .5rem}
+.x1gpzwh6:not(#\#){padding:0 0 .5rem}
+.x8flsbp:not(#\#){padding:0 0 .8rem}
+.xe4ajzu:not(#\#){padding:0 0 10px}
+.xeacz2j:not(#\#){padding:0 0 8px}
+.xqamk0n:not(#\#){padding:0 10px 8px}
+.x1baykjp:not(#\#){padding:0 5px 2px}
+.xcq2ivu:not(#\#){padding:0 5px 4px}
+.x1717udv:not(#\#){padding:0}
+.x3vcqe7:not(#\#){padding:1.2rem}
+.x1x8mqaw:not(#\#){padding:1.6rem 0 0}
+.xs3lrdy:not(#\#){padding:10px 10px 0}
+.xpwwz5d:not(#\#){padding:1px 2px}
+.x1uz70x1:not(#\#){padding:1rem}
+.x1rbdj2j:not(#\#){padding:2px 10px}
+.xmzctq6:not(#\#){padding:2rem 0 0}
+.xvfrpa1:not(#\#){padding:3rem 0 0}
+.xoth7wd:not(#\#){padding:4px 0 1px 2px}
+.xztvwtv:not(#\#){padding:4px 0}
+.xfawy5m:not(#\#){padding:4px}
+.x8lhhth:not(#\#){padding:5px 8px}
+.x1160tuk:not(#\#){padding:8px 10px}
+.x1hwub78:hover:not(#\#){background:rgb(227,226,224) none repeat scroll 0 0}
+.x3u7e13:hover:not(#\#){background:rgba(55,53,47,.03)}
+@media (max-width: 580px){.x1t8upxr.x1t8upxr:not(#\#){padding:1rem 0 .85rem}}
+.x13pqoeu:not(#\#):not(#\#){background-position:0 100%}
+.xv6mfv7:not(#\#):not(#\#){border-bottom:1px solid #999}
+.x15su7se:not(#\#):not(#\#){border-bottom:1px solid #ddd}
+.xagqfe1:not(#\#):not(#\#){border-bottom:1px solid rgba(55,53,47,.09)}
+.x4ubzz0:not(#\#):not(#\#){border-left:3px solid currentcolor}
+.x1nj7uno:not(#\#):not(#\#){border-radius:1px}
+.x18zih8k:not(#\#):not(#\#){border-radius:3px}
+.x12oqio5:not(#\#):not(#\#){border-radius:4px}
+.x1pjcqnp:not(#\#):not(#\#){border-radius:inherit}
+.x3o4md8:not(#\#):not(#\#){border-right:1px solid rgba(55,53,47,.09)}
+.x1mpjign:not(#\#):not(#\#){border-top:1px dashed #999}
+.x1jlbt0v:not(#\#):not(#\#){border-top:1px solid rgb(233,233,231)}
+.x1cqoux5:not(#\#):not(#\#){flex:1 1 0}
+.x15lv9n0:not(#\#):not(#\#){flex:1 1 180px}
+.x1fvrxw4:not(#\#):not(#\#){flex:4 1 180px}
+.x1neeqzj:not(#\#):not(#\#){gap:.4rem}
+.x883omv:not(#\#):not(#\#){gap:10px}
+.xou54vl:not(#\#):not(#\#){gap:16px}
+.xy1yoyf:not(#\#):not(#\#){gap:5%}
+.xb3r6kr:not(#\#):not(#\#){overflow:hidden}
+.xmqliwb:not(#\#):not(#\#){text-decoration:line-through}
+.x1hl2dhg:not(#\#):not(#\#){text-decoration:none}
+.x1bvjpef:not(#\#):not(#\#){text-decoration:underline}
+.xrjfsii:not(#\#):not(#\#){transition:background .02s ease-in 0s}
+.x1pgibqq:not(#\#):not(#\#){transition:background .1s ease-out 0s}
+.xtpmwse:not(#\#):not(#\#){transition:background .2s ease-out 0s}
+.x1kzuo5g:not(#\#):not(#\#){transition:transform .2s ease-out 0s}
+.x1ipnmua:hover:not(#\#):not(#\#){border-bottom:1px solid #ddd}
+.x1ri5ofb:hover:not(#\#):not(#\#){border-radius:3px}
+.x6s0dn4:not(#\#):not(#\#):not(#\#){align-items:center}
+.x1cy8zhl:not(#\#):not(#\#):not(#\#){align-items:flex-start}
+.x1qjc9v5:not(#\#):not(#\#):not(#\#){align-items:stretch}
+.x1071x5a:not(#\#):not(#\#):not(#\#){align-items:top}
+.x1y8v6su:not(#\#):not(#\#):not(#\#){align-self:start}
+.xa5665v:not(#\#):not(#\#):not(#\#){aspect-ratio:16/9}
+.xlp1x4z:not(#\#):not(#\#):not(#\#){backface-visibility:hidden}
+.xjup8qr:not(#\#):not(#\#):not(#\#){background-color:#f5f2f0}
+.xgcd1z6:not(#\#):not(#\#):not(#\#){background-color:inherit}
+.x1u5cvvl:not(#\#):not(#\#):not(#\#){background-color:inhirit}
+.xivqcaa:not(#\#):not(#\#):not(#\#){background-color:rgb(231,243,248)}
+.xk1eqyx:not(#\#):not(#\#):not(#\#){background-color:rgb(237,243,236)}
+.xan1y3o:not(#\#):not(#\#):not(#\#){background-color:rgb(241,241,239)}
+.x5sxmnr:not(#\#):not(#\#):not(#\#){background-color:rgb(244,238,238)}
+.x14zlkn0:not(#\#):not(#\#):not(#\#){background-color:rgb(247,246,243)}
+.x1js6t1l:not(#\#):not(#\#):not(#\#){background-color:rgb(251,236,221)}
+.x125ifk9:not(#\#):not(#\#):not(#\#){background-color:rgb(251,243,219)}
+.x1e4p6wl:not(#\#):not(#\#):not(#\#){background-color:rgb(253,235,236)}
+.xjy77r2:not(#\#):not(#\#):not(#\#){background-color:rgba(244,240,247,.8)}
+.x1u8e821:not(#\#):not(#\#):not(#\#){background-color:rgba(249,238,243,.8)}
+.xci70tp:not(#\#):not(#\#):not(#\#){background-color:var(--x17xzs96)}
+.x133r7a8:not(#\#):not(#\#):not(#\#){background-color:var(--x1q4sjy7)}
+.x15i6tbi:not(#\#):not(#\#):not(#\#){background-color:var(--x1vwzxpo)}
+.x14hnfas:not(#\#):not(#\#):not(#\#){background-color:var(--x1xipc9s)}
+.xd76jeb:not(#\#):not(#\#):not(#\#){background-color:var(--x7p2d1)}
+.x1h0t2o7:not(#\#):not(#\#):not(#\#){background-color:var(--xgq91e7)}
+.xqu49kv:not(#\#):not(#\#):not(#\#){background-color:var(--xjrctlu)}
+.xn4xrgm:not(#\#):not(#\#):not(#\#){background-color:var(--xnhdkh7)}
+.x1kalnq:not(#\#):not(#\#):not(#\#){background-color:var(--xx63jd3)}
+.x1hk33u3:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(to right,rgba(55,53,47,.16) 0,rgba(55,53,47,.16) 100%)}
+.x1w3jsh0:not(#\#):not(#\#):not(#\#){background-repeat:repeat-x}
+.xntq7mn:not(#\#):not(#\#):not(#\#){background-size:100% 1px}
+.x1mwwwfo:not(#\#):not(#\#):not(#\#){border-collapse:collapse}
+.x1gukg7c:not(#\#):not(#\#):not(#\#){border-spacing:0}
+.x1uustg:not(#\#):not(#\#):not(#\#){border-top-color:#ddd}
+.x13fuv20:not(#\#):not(#\#):not(#\#){border-top-style:solid}
+.x178xt8z:not(#\#):not(#\#):not(#\#){border-top-width:1px}
+html:not([dir='rtl']) .x14n9bkn:not(#\#):not(#\#):not(#\#){box-shadow:rgb(15 15 15/10%) 0 0 0 1px,rgb(15 15 15/10%) 0 2px 4px}
+html[dir='rtl'] .x14n9bkn:not(#\#):not(#\#):not(#\#){box-shadow:rgb(15 -15 15/10%) 0 0 0 1px, rgb(15 -15 15/10%) 0 2px 4px}
+html:not([dir='rtl']) .x139so5o:not(#\#):not(#\#):not(#\#){box-shadow:white -3px 0 0,rgb(233 233 231) 0 1px 0}
+html[dir='rtl'] .x139so5o:not(#\#):not(#\#):not(#\#){box-shadow:white 3px 0 0, rgb(233 -233 231) 0 1px 0}
+.x1525slw:not(#\#):not(#\#):not(#\#){color:#333}
+.x33gn0b:not(#\#):not(#\#):not(#\#){color:#666}
+.xh3659q:not(#\#):not(#\#):not(#\#){color:#777}
+.x1g3taxb:not(#\#):not(#\#):not(#\#){color:#888}
+.x1noocy9:not(#\#):not(#\#):not(#\#){color:#999}
+.xytkd8t:not(#\#):not(#\#):not(#\#){color:#EB5757}
+.x1heor9g:not(#\#):not(#\#):not(#\#){color:inherit}
+.xbtqrdd:not(#\#):not(#\#):not(#\#){color:rgb(120,119,116)}
+.xocb71z:not(#\#):not(#\#):not(#\#){color:rgb(144,101,176)}
+.xfgbdse:not(#\#):not(#\#):not(#\#){color:rgb(159,107,83)}
+.x16mczcu:not(#\#):not(#\#):not(#\#){color:rgb(193,76,138)}
+.x1cuxad4:not(#\#):not(#\#):not(#\#){color:rgb(203,145,47)}
+.x1ii5icm:not(#\#):not(#\#):not(#\#){color:rgb(212,76,71)}
+.xeubebw:not(#\#):not(#\#):not(#\#){color:rgb(217,115,13)}
+.x1ctjc2f:not(#\#):not(#\#):not(#\#){color:rgb(24,51,71)}
+.x1a2b8c4:not(#\#):not(#\#):not(#\#){color:rgb(51,126,169)}
+.xiniunn:not(#\#):not(#\#):not(#\#){color:rgb(55,53,47)}
+.xzrguvn:not(#\#):not(#\#):not(#\#){color:rgb(68,131,97)}
+.xiz7vfo:not(#\#):not(#\#):not(#\#){color:rgba(120,119,116,1)}
+.xf43dgl:not(#\#):not(#\#):not(#\#){color:rgba(144,101,176,1)}
+.xsm54nf:not(#\#):not(#\#):not(#\#){color:rgba(159,107,83,1)}
+.x1qdz2de:not(#\#):not(#\#):not(#\#){color:rgba(193,76,138,1)}
+.xajnbqy:not(#\#):not(#\#):not(#\#){color:rgba(203,145,47,1)}
+.x7n30i6:not(#\#):not(#\#):not(#\#){color:rgba(212,76,71,1)}
+.x1hwudao:not(#\#):not(#\#):not(#\#){color:rgba(217,115,13,1)}
+.x2xfezk:not(#\#):not(#\#):not(#\#){color:rgba(51,126,169,1)}
+.xyj4yit:not(#\#):not(#\#):not(#\#){color:rgba(55,53,47,.65)}
+.x9lygya:not(#\#):not(#\#):not(#\#){color:rgba(68,131,97,1)}
+.x128jwoc:not(#\#):not(#\#):not(#\#){color:var(--x16z8mn5)}
+.x1snsg9x:not(#\#):not(#\#):not(#\#){color:var(--x17iakwi)}
+.xq5r36o:not(#\#):not(#\#):not(#\#){color:var(--x18bsbx9)}
+.x1eyqu72:not(#\#):not(#\#):not(#\#){color:var(--x1ma8or9)}
+.x1oky7nv:not(#\#):not(#\#):not(#\#){color:var(--x1y92o4d)}
+.x10o3wkq:not(#\#):not(#\#):not(#\#){color:var(--x1y9xni7)}
+.x1ux9al1:not(#\#):not(#\#):not(#\#){color:var(--xl5mk0q)}
+.x1n7irgc:not(#\#):not(#\#):not(#\#){color:var(--xsjpurm)}
+.x1ftp93z:not(#\#):not(#\#):not(#\#){color:var(--xw1fo1u)}
+.x1ypdohk:not(#\#):not(#\#):not(#\#){cursor:pointer}
+.x1lliihq:not(#\#):not(#\#):not(#\#){display:block}
+.x78zum5:not(#\#):not(#\#):not(#\#){display:flex}
+.xrvj5dj:not(#\#):not(#\#):not(#\#){display:grid}
+.x3nfvp2:not(#\#):not(#\#):not(#\#){display:inline-flex}
+.xt0psk2:not(#\#):not(#\#):not(#\#){display:inline}
+.x1pa04qk:not(#\#):not(#\#):not(#\#){fill:#000}
+.x1kihv7h:not(#\#):not(#\#):not(#\#){fill:inherit}
+.x118tc7y:not(#\#):not(#\#):not(#\#){fill:rgba(55,53,47,.45)}
+.xypthjr:not(#\#):not(#\#):not(#\#){fill:white}
+.xdt5ytf:not(#\#):not(#\#):not(#\#){flex-direction:column}
+.x1q0g3np:not(#\#):not(#\#):not(#\#){flex-direction:row}
+.x1c4vz4f:not(#\#):not(#\#):not(#\#){flex-grow:0}
+.x1iyjqo2:not(#\#):not(#\#):not(#\#){flex-grow:1}
+.x2lah0s:not(#\#):not(#\#):not(#\#){flex-shrink:0}
+.x1g3ib7:not(#\#):not(#\#):not(#\#){flex-shrink:10}
+.x7ycizk:not(#\#):not(#\#):not(#\#){flexshrink:0}
+.x1faq86j:not(#\#):not(#\#):not(#\#){float:left}
+.x1yuf4xd:not(#\#):not(#\#):not(#\#){font-family:"SFMono-Regular",Menlo,Consolas,"PT Mono","Liberation Mono",Courier,monospace}
+.x1xh6qhr:not(#\#):not(#\#):not(#\#){font-family:var(--xdhvszd)}
+.xboafo0:not(#\#):not(#\#):not(#\#){font-size:.75rem}
+.x1sfrptf:not(#\#):not(#\#):not(#\#){font-size:.7rem}
+.x1qzg9v8:not(#\#):not(#\#):not(#\#){font-size:.85rem}
+.xgommxb:not(#\#):not(#\#):not(#\#){font-size:.8rem}
+.xyr29y3:not(#\#):not(#\#):not(#\#){font-size:.95rem}
+.x1nrrp6k:not(#\#):not(#\#):not(#\#){font-size:.9rem}
+.x1hptrd9:not(#\#):not(#\#):not(#\#){font-size:1.1rem}
+.x8c3b7j:not(#\#):not(#\#):not(#\#){font-size:1.7rem}
+.xfifm61:not(#\#):not(#\#):not(#\#){font-size:12px}
+.x4z9k3i:not(#\#):not(#\#):not(#\#){font-size:13px}
+.xif65rj:not(#\#):not(#\#):not(#\#){font-size:14px}
+.x1jchvi3:not(#\#):not(#\#):not(#\#){font-size:1rem}
+.x1k4tb9n:not(#\#):not(#\#):not(#\#){font-style:italic}
+.xk50ysn:not(#\#):not(#\#):not(#\#){font-weight:500}
+.x117nqv4:not(#\#):not(#\#):not(#\#){font-weight:bold}
+.x1a7s9hc:not(#\#):not(#\#):not(#\#){grid-template-columns:32px 1fr}
+.x15vz560:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
+.x1vn7x89:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
+.xu66tq2:not(#\#):not(#\#):not(#\#){grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
+.xl56j7k:not(#\#):not(#\#):not(#\#){justify-content:center}
+.x1nhvcw1:not(#\#):not(#\#):not(#\#){justify-content:flex-start}
+.x1szn6h9:not(#\#):not(#\#):not(#\#){justify-content:stretch}
+.x1u7k74:not(#\#):not(#\#):not(#\#){line-height:1.2}
+.x37zpob:not(#\#):not(#\#):not(#\#){line-height:1.4}
+.x1evy7pa:not(#\#):not(#\#):not(#\#){line-height:1.5}
+.xa7kkou:not(#\#):not(#\#):not(#\#){line-height:1.7}
+.xwxc2jc:not(#\#):not(#\#):not(#\#){line-height:1.8}
+.xo5v014:not(#\#):not(#\#):not(#\#){line-height:1}
+.x1d3mw78:not(#\#):not(#\#):not(#\#){line-height:16px}
+.x3ct3a4:not(#\#):not(#\#):not(#\#){list-style-type:none}
+.x126bhsu:not(#\#):not(#\#):not(#\#){minwidth:0}
+.x19kjcj4:not(#\#):not(#\#):not(#\#){object-fit:contain}
+.xl1xv1r:not(#\#):not(#\#):not(#\#){object-fit:cover}
+.x1a2r2ce:not(#\#):not(#\#):not(#\#){object-position:center 50%}
+.x1htuu40:not(#\#):not(#\#):not(#\#){object-position:top 50%}
+.xbyyjgo:not(#\#):not(#\#):not(#\#){opacity:.5}
+.x1hc1fzr:not(#\#):not(#\#):not(#\#){opacity:1}
+.x10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
+.x1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
+.x1uhb9sk:not(#\#):not(#\#):not(#\#){position:static}
+.x2b8uid:not(#\#):not(#\#):not(#\#){text-align:center}
+.xdpxx8g:not(#\#):not(#\#):not(#\#){text-align:left}
+.x1hr2gdg:not(#\#):not(#\#):not(#\#){text-align:right}
+.x1ccxkrh:not(#\#):not(#\#):not(#\#){text-decoration-color:#999}
+.x5lhwog:not(#\#):not(#\#):not(#\#){text-decoration-line:line-through}
+.xlyipyv:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis}
+.xn80e1m:not(#\#):not(#\#):not(#\#){text-transform:capitalize}
+.x87ps6o:not(#\#):not(#\#):not(#\#){user-select:none}
+.x3ajldb:not(#\#):not(#\#):not(#\#){vertical-align:bottom}
+.xxymvpz:not(#\#):not(#\#):not(#\#){vertical-align:middle}
+.x16dsc37:not(#\#):not(#\#):not(#\#){vertical-align:top}
+.xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
+.x126k92a:not(#\#):not(#\#):not(#\#){white-space:pre-wrap}
+.x13faqbe:not(#\#):not(#\#):not(#\#){word-break:break-word}
+.xy8jdh7:hover:not(#\#):not(#\#):not(#\#){background-color:#eee}
+.xolk286:hover:not(#\#):not(#\#):not(#\#){background-color:#f5f5f5}
+.xedk425:hover:not(#\#):not(#\#):not(#\#){background-color:rgba(55,53,47,.08)}
+.xh456z8:hover:not(#\#):not(#\#):not(#\#){color:#ddd}
+.xslp9yy:hover:not(#\#):not(#\#):not(#\#){color:rgb(50,48,44)}
+@media (max-width: 580px){.xjimrh6.xjimrh6:not(#\#):not(#\#):not(#\#){display:block}}
+@media (max-width: 580px){.x1v6uw9j.x1v6uw9j:not(#\#):not(#\#):not(#\#){display:none}}
+@media (max-width: 580px){.x1xrxgpl.x1xrxgpl:not(#\#):not(#\#):not(#\#){position:static}}
+.xwlngq8:not(#\#):not(#\#):not(#\#):not(#\#){height:.6875em}
+.xqtp20y:not(#\#):not(#\#):not(#\#):not(#\#){height:0}
+.x5yr21d:not(#\#):not(#\#):not(#\#):not(#\#){height:100%}
+.x1rxgj4k:not(#\#):not(#\#):not(#\#):not(#\#){height:101.25px}
+.x1dr9wh:not(#\#):not(#\#):not(#\#):not(#\#){height:108px}
+.x1kpxq89:not(#\#):not(#\#):not(#\#):not(#\#){height:12px}
+.x1cm2wpk:not(#\#):not(#\#):not(#\#):not(#\#){height:146.25px}
+.x1v9usgg:not(#\#):not(#\#):not(#\#):not(#\#){height:14px}
+.xlup9mm:not(#\#):not(#\#):not(#\#):not(#\#){height:16px}
+.x1b51vyi:not(#\#):not(#\#):not(#\#):not(#\#){height:180px}
+.xjm9jq1:not(#\#):not(#\#):not(#\#):not(#\#){height:1px}
+.xxk0z11:not(#\#):not(#\#):not(#\#):not(#\#){height:24px}
+.x10w6t97:not(#\#):not(#\#):not(#\#):not(#\#){height:32px}
+.xojvqvm:not(#\#):not(#\#):not(#\#):not(#\#){height:33px}
+.xb7ufyx:not(#\#):not(#\#):not(#\#):not(#\#){left:.8rem}
+.xu96u03:not(#\#):not(#\#):not(#\#):not(#\#){left:0}
+.x1ty9z65:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:1px}
+.xjpr12u:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:2px}
+.xg06gn0:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:.6rem}
+.xj3b58b:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:0}
+.xcmxlu1:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:14px}
+.x8x9d4c:not(#\#):not(#\#):not(#\#):not(#\#){margin-left:auto}
+.x1yf7rl7:not(#\#):not(#\#):not(#\#):not(#\#){margin-right:0}
+.xyo1k6t:not(#\#):not(#\#):not(#\#):not(#\#){margin-right:10px}
+.xl010v5:not(#\#):not(#\#):not(#\#):not(#\#){margin-right:4px}
+.xvo1kyu:not(#\#):not(#\#):not(#\#):not(#\#){margin-right:7px}
+.xack27t:not(#\#):not(#\#):not(#\#):not(#\#){margin-right:auto}
+.xo7kle4:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:.15rem}
+.xdt5uv0:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:.4rem}
+.xv0uc0e:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:.6rem}
+.xdj266r:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:0}
+.x1gslohp:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:4px}
+.x1xmf6yo:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:8px}
+.x193iq5w:not(#\#):not(#\#):not(#\#):not(#\#){max-width:100%}
+.x10br76f:not(#\#):not(#\#):not(#\#):not(#\#){max-width:25rem}
+.x1j9u4d2:not(#\#):not(#\#):not(#\#):not(#\#){max-width:400px}
+.x65f84u:not(#\#):not(#\#):not(#\#):not(#\#){max-width:500px}
+.xphddl8:not(#\#):not(#\#):not(#\#):not(#\#){max-width:550px}
+.xorqhan:not(#\#):not(#\#):not(#\#):not(#\#){max-width:710px}
+.xtoz7bz:not(#\#):not(#\#):not(#\#):not(#\#){min-height:calc(1.5em + 3px + 3px)}
+.xeuugli:not(#\#):not(#\#):not(#\#):not(#\#){min-width:0}
+.xgqtt45:not(#\#):not(#\#):not(#\#):not(#\#){min-width:100%}
+.x1cf5d4w:not(#\#):not(#\#):not(#\#):not(#\#){min-width:1200px}
+.xgc0pbm:not(#\#):not(#\#):not(#\#):not(#\#){min-width:1px}
+.xt4ypqs:not(#\#):not(#\#):not(#\#):not(#\#){min-width:20px}
+.xjdhk0:not(#\#):not(#\#):not(#\#):not(#\#){min-width:calc((100% - 192px) - 0)}
+.x14aock7:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:scroll}
+.xn2xpo4:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:.2rem}
+.x1a8lsjc:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:10px}
+.x2yie3v:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:1rem}
+.x10avn17:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:56.25%}
+.x15u6esi:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:.5rem}
+.x9dzeaa:not(#\#):not(#\#):not(#\#):not(#\#){padding-left:1rem}
+.xkkytvh:not(#\#):not(#\#):not(#\#):not(#\#){padding-right:.4rem}
+.xumxmzd:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:.6rem}
+.x1nh8u4m:not(#\#):not(#\#):not(#\#):not(#\#){top:.5rem}
+.x13vifvy:not(#\#):not(#\#):not(#\#):not(#\#){top:0}
+.xdj6tmt:not(#\#):not(#\#):not(#\#):not(#\#){width:.6875em}
+.xh8yej3:not(#\#):not(#\#):not(#\#):not(#\#){width:100%}
+.xsmyaan:not(#\#):not(#\#):not(#\#):not(#\#){width:12px}
+.x6jxa94:not(#\#):not(#\#):not(#\#):not(#\#){width:14px}
+.x1kky2od:not(#\#):not(#\#):not(#\#):not(#\#){width:16px}
+.xe9vn5y:not(#\#):not(#\#):not(#\#):not(#\#){width:174px}
+.xzjbwwf:not(#\#):not(#\#):not(#\#):not(#\#){width:180px}
+.x17z2i9w:not(#\#):not(#\#):not(#\#):not(#\#){width:22px}
+.xvy4d1p:not(#\#):not(#\#):not(#\#):not(#\#){width:24px}
+.x1hfn5x7:not(#\#):not(#\#):not(#\#):not(#\#){width:260px}
+.x1m258z3:not(#\#):not(#\#):not(#\#):not(#\#){width:320px}
+.x1nud34g:not(#\#):not(#\#):not(#\#):not(#\#){width:calc(100% - 2.4rem)}

package/dist/ui/cjs/types/exporter/files.d.ts

@@ -6,6 +6,10 @@ export declare const createDirWhenNotfound: (dir: string) => Promise<void>;
 export declare function readCache<T>(f: string): Promise<T>;
 export declare function writeCache(f: string, data: unknown): Promise<void>;
 export declare function isAvailableCache(f: string, seconds: number): Promise<boolean>;
+export declare function saveFile(fileUrl: string, prefix: string): Promise<{
+    src: string;
+    size: number;
+}>;
 export declare const saveImage: (imageUrl: string, prefix: string) => Promise<string>;
 export declare const findHtmlByRegexp: (regexps: RegExp[], html: string) => string | null;
 export declare const titleRegexps: RegExp[];

package/dist/ui/cjs/types/exporter/types.d.ts

@@ -216,7 +216,30 @@ export type Breadcrumb = {
 export type BreadcrumbBlockObjectResponseEx = BreadcrumbBlockObjectResponse & {
     list: Breadcrumb[];
 };
-export type BlockObjectResponse = ParagraphBlockObjectResponseEx | Heading1BlockObjectResponse | Heading2BlockObjectResponse | Heading3BlockObjectResponse | BulletedListItemBlockObjectResponseEx | NumberedListItemBlockObjectResponseEx | QuoteBlockObjectResponse | ToDoBlockObjectResponse | ToggleBlockObjectResponseEx | TemplateBlockObjectResponse | SyncedBlockBlockObjectResponse | ChildPageBlockObjectResponseEx | ChildDatabaseBlockObjectResponseEx | EquationBlockObjectResponse | CodeBlockObjectResponse | CalloutBlockObjectResponseEx | DividerBlockObjectResponse | BreadcrumbBlockObjectResponseEx | TableOfContentsBlockObjectResponse | ColumnListBlockObjectResponseEx | ColumnBlockObjectResponse | LinkToPageBlockObjectResponse | TableBlockObjectResponseEx | TableRowBlockObjectResponse | EmbedBlockObjectResponseEx | BookmarkBlockObjectResponseEx | ImageBlockObjectResponseEx | VideoBlockObjectResponseEx | PdfBlockObjectResponse | FileBlockObjectResponse | AudioBlockObjectResponse | LinkPreviewBlockObjectResponse | UnsupportedBlockObjectResponse;
+export type PdfBlockObjectResponseEx = PdfBlockObjectResponse & {
+    pdf: {
+        type: "external";
+        external: {
+            url: TextRequest;
+        };
+        caption: Array<RichTextItemResponse>;
+        src: string;
+        size: number;
+    } | {
+        type: 'file';
+        file: {
+            url: string;
+            expiry_time: string;
+        };
+        caption: Array<RichTextItemResponse>;
+        src: string;
+        size: number;
+    };
+};
+export type SyncedBlockBlockObjectResponseEx = SyncedBlockBlockObjectResponse & {
+    children?: ListBlockChildrenResponseEx;
+};
+export type BlockObjectResponse = ParagraphBlockObjectResponseEx | Heading1BlockObjectResponse | Heading2BlockObjectResponse | Heading3BlockObjectResponse | BulletedListItemBlockObjectResponseEx | NumberedListItemBlockObjectResponseEx | QuoteBlockObjectResponse | ToDoBlockObjectResponse | ToggleBlockObjectResponseEx | TemplateBlockObjectResponse | SyncedBlockBlockObjectResponseEx | ChildPageBlockObjectResponseEx | ChildDatabaseBlockObjectResponseEx | EquationBlockObjectResponse | CodeBlockObjectResponse | CalloutBlockObjectResponseEx | DividerBlockObjectResponse | BreadcrumbBlockObjectResponseEx | TableOfContentsBlockObjectResponse | ColumnListBlockObjectResponseEx | ColumnBlockObjectResponse | LinkToPageBlockObjectResponse | TableBlockObjectResponseEx | TableRowBlockObjectResponse | EmbedBlockObjectResponseEx | BookmarkBlockObjectResponseEx | ImageBlockObjectResponseEx | VideoBlockObjectResponseEx | PdfBlockObjectResponseEx | FileBlockObjectResponse | AudioBlockObjectResponse | LinkPreviewBlockObjectResponse | UnsupportedBlockObjectResponse;
 export type ListBlockChildrenResponseEx = ListBlockChildrenResponse & {
     results: Array<BlockObjectResponse>;
     children?: ListBlockChildrenResponse;

package/dist/ui/cjs/types/exporter/variables.d.ts

@@ -5,6 +5,7 @@ export declare const incrementalCache: boolean;
 export declare const auth: string | undefined;
 export declare const docRoot: string;
 export declare const imageDir: string;
+export declare const fileDir: string;
 export declare const timeout: number;
 export declare const webpQuality: number;
 export declare const debug: boolean;

package/dist/ui/cjs/types/ui/components/Gallery/Gallery.types.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="node" />
-import type { QueryDatabaseResponseEx } from '../../../exporter';
+import type { FetchDatabaseRes } from '../../../exporter';
 import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { Link } from '../types';
 export interface GalleryProps {
     keys: string[];
-    db: QueryDatabaseResponseEx;
+    db: FetchDatabaseRes;
     href?: string;
     link?: Link;
     query?: ParsedUrlQueryInput;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryCard.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { GalleryCardProps } from './GalleryCard.types';
-declare const GalleryCard: ({ keys, page, href, link, query, preview }: GalleryCardProps) => React.JSX.Element;
+declare const GalleryCard: ({ keys, page, href, link, query, preview, size, fit }: GalleryCardProps) => React.JSX.Element;
 export default GalleryCard;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryCard.types.d.ts

@@ -9,4 +9,6 @@ export interface GalleryCardProps {
     link?: Link;
     query?: ParsedUrlQueryInput;
     preview?: 'cover' | 'content';
+    size: 'small' | 'medium' | 'large';
+    fit: boolean;
 }

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryHandler.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { GalleryHandlerProps } from './GalleryHandler.types';
-declare const GalleryHandler: ({ items, path }: GalleryHandlerProps) => React.JSX.Element | undefined;
+declare const GalleryHandler: ({ items, path, link, query, size }: GalleryHandlerProps) => React.JSX.Element;
 export default GalleryHandler;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryHandler.types.d.ts

@@ -1,5 +1,11 @@
+/// <reference types="node" />
 import type { GetPagePropertyResponse } from '../../../../exporter';
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { Link } from '../../types';
 export interface GalleryHandlerProps {
     items: GetPagePropertyResponse | undefined;
     path: string;
+    size: 'small' | 'medium' | 'large';
+    link?: Link;
+    query?: ParsedUrlQueryInput;
 }

package/dist/ui/cjs/types/ui/components/Gallery/GalleryCard/GalleryPreview.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 export interface GalleryPreviewProps {
     src?: string;
+    size: 'small' | 'medium' | 'large';
+    fit: boolean;
 }
-declare const GalleryPreview: ({ src }: GalleryPreviewProps) => React.JSX.Element;
+declare const GalleryPreview: ({ src, size, fit }: GalleryPreviewProps) => React.JSX.Element;
 export default GalleryPreview;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryMultiSelectField/GalleryMultiSelectField.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { GalleryMultiSelectFieldProps } from './GalleryMultiSelectField.types';
-declare const GalleryMultiSelectField: ({ payload, path, link }: GalleryMultiSelectFieldProps) => React.JSX.Element;
+declare const GalleryMultiSelectField: ({ payload, path, link, query }: GalleryMultiSelectFieldProps) => React.JSX.Element;
 export default GalleryMultiSelectField;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryMultiSelectField/GalleryMultiSelectField.types.d.ts

@@ -1,7 +1,10 @@
+/// <reference types="node" />
+import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { MultiSelectPropertyItemObjectResponse } from '../../../../exporter';
 import type { Link } from '../../types';
 export interface GalleryMultiSelectFieldProps {
     payload: MultiSelectPropertyItemObjectResponse;
     path: string;
     link?: Link;
+    query?: ParsedUrlQueryInput;
 }

package/dist/ui/cjs/types/ui/components/Gallery/GalleryMultiSelectField/LinkedTag.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LinkedTagIfLinkedProps } from './LinkedTag.types';
+declare const LinkedTagIfLinked: ({ pathname, link, query, children }: LinkedTagIfLinkedProps) => React.JSX.Element;
+export default LinkedTagIfLinked;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryMultiSelectField/LinkedTag.types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="node" />
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { ReactNode } from 'react';
+import type { Link } from '../../types';
+export interface LinkedTagIfLinkedProps {
+    pathname: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    children?: ReactNode;
+}

package/dist/ui/cjs/types/ui/components/Gallery/GalleryRichTextField/RichTextField.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { GalleryRichTextFieldProps } from './RichTextField.types';
-declare const GalleryRichTextField: ({ payload }: GalleryRichTextFieldProps) => React.JSX.Element;
+declare const GalleryRichTextField: ({ payload, size }: GalleryRichTextFieldProps) => React.JSX.Element;
 export default GalleryRichTextField;

package/dist/ui/cjs/types/ui/components/Gallery/GalleryRichTextField/RichTextField.types.d.ts

@@ -1,4 +1,5 @@
 import type { RichTextPropertyItemObjectResponse } from '../../../../exporter';
 export interface GalleryRichTextFieldProps {
     payload: RichTextPropertyItemObjectResponse;
+    size?: 'small' | 'medium' | 'large';
 }

package/dist/ui/cjs/types/ui/components/List/Column.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ColumnProps } from './Column.types';
+declare const Column: ({ name, page, href, link, query }: ColumnProps) => React.JSX.Element;
+export default Column;

package/dist/ui/cjs/types/ui/components/List/Column.types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="node" />
+import type { PageObjectResponseEx } from '../../../exporter';
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { Link } from '../types';
+export interface ColumnProps {
+    name: string;
+    page: PageObjectResponseEx;
+    href: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}

package/dist/ui/cjs/types/ui/components/List/List.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 import type { ListProps } from './List.types';
-declare const List: React.FC<ListProps>;
+export interface ListHeaderProps {
+    keys: string[];
+}
+declare const List: ({ keys, db, href, link, query }: ListProps) => React.JSX.Element;
 export default List;

package/dist/ui/cjs/types/ui/components/List/ListMultiSelectField/LinkedTagIfLinked.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LinkedTagIfLinkedProps } from './LinkedTagIfLinked.types';
+declare const LinkedTagIfLinked: ({ color, pathname, link, query, children }: LinkedTagIfLinkedProps) => React.JSX.Element;
+export default LinkedTagIfLinked;

package/dist/ui/cjs/types/ui/components/List/ListMultiSelectField/LinkedTagIfLinked.types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="node" />
+import type { ReactNode } from 'react';
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { Link } from '../../types';
+export interface LinkedTagIfLinkedProps {
+    pathname: string;
+    color: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+    children?: ReactNode;
+}

package/dist/ui/cjs/types/ui/components/List/ListTitleField/LinkedTitle.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LinkedTitleProps } from './LinkedTitle.types';
+declare const LinkedTitle: ({ title, href, link, query }: LinkedTitleProps) => React.JSX.Element;
+export default LinkedTitle;

package/dist/ui/cjs/types/ui/components/List/ListTitleField/LinkedTitle.types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="node" />
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { Link } from '../../types';
+export interface LinkedTitleProps {
+    title: string;
+    href: string;
+    link?: Link;
+    query?: ParsedUrlQueryInput;
+}

package/dist/ui/cjs/types/ui/components/Page/BreadcrumbBlock/BreadcrumbBlock.types.d.ts

@@ -1,15 +1,7 @@
 /// <reference types="node" />
-import type { ReactNode } from 'react';
 import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { Link } from '../../types';
-import type { Breadcrumb, BreadcrumbBlockObjectResponseEx } from '../../../../exporter';
-export interface BreadcrumbLinkProps {
-    breadcrumb: Breadcrumb;
-    link?: Link;
-    href?: string;
-    query?: ParsedUrlQueryInput;
-    children?: ReactNode;
-}
+import type { BreadcrumbBlockObjectResponseEx } from '../../../../exporter';
 export interface BreadcrumbBlockProps {
     block: BreadcrumbBlockObjectResponseEx;
     link?: Link;

package/dist/ui/cjs/types/ui/components/Page/BreadcrumbBlock/Breadcrumbs.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BreadcrumbsProps } from './Breadcrumbs.types';
+declare const Breadcrumbs: ({ list, link, hrefs, query }: BreadcrumbsProps) => React.JSX.Element;
+export default Breadcrumbs;

package/dist/ui/cjs/types/ui/components/Page/BreadcrumbBlock/Breadcrumbs.types.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="node" />
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { Link } from '../../types';
+import type { Breadcrumb } from '../../../../exporter';
+export interface BreadcrumbsProps {
+    list: Breadcrumb[];
+    link?: Link;
+    hrefs?: string[];
+    query?: ParsedUrlQueryInput;
+}

package/dist/ui/cjs/types/ui/components/Page/BreadcrumbBlock/LinkedBreadcrumbIfLinked.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LinkedBreadcrumbIfLinkedProps } from './LinkedBreadcrumbIfLinked.types';
+declare const LinkedBreadcrumbIfLinked: ({ breadcrumb, link, href, query, children }: LinkedBreadcrumbIfLinkedProps) => React.JSX.Element;
+export default LinkedBreadcrumbIfLinked;

package/dist/ui/cjs/types/ui/components/Page/BreadcrumbBlock/LinkedBreadcrumbIfLinked.types.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="node" />
+import type { ReactNode } from 'react';
+import type { ParsedUrlQueryInput } from 'node:querystring';
+import type { Link } from '../../types';
+import type { Breadcrumb } from '../../../../exporter';
+export interface LinkedBreadcrumbIfLinkedProps {
+    breadcrumb: Breadcrumb;
+    link?: Link;
+    href?: string;
+    query?: ParsedUrlQueryInput;
+    children?: ReactNode;
+}

package/dist/ui/cjs/types/ui/components/Page/BreadcrumbBlock/index.d.ts

@@ -1,2 +1,3 @@
 import BreadcrumbBlock from './BreadcrumbBlock';
-export { BreadcrumbBlock };
+import Breadcrumbs from './Breadcrumbs';
+export { BreadcrumbBlock, Breadcrumbs };

package/dist/ui/cjs/types/ui/components/Page/BulletedListBlock/BulletedListBlock.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BulletedListBlockProps } from './BulletedListBlock.types';
+declare const BulletedListBlock: ({ block, href, link, query }: BulletedListBlockProps) => React.JSX.Element;
+export default BulletedListBlock;

package/dist/ui/{umd/types/ui/components/Page/BulletedListBlocks/BulletedListBlocks.types.d.ts → cjs/types/ui/components/Page/BulletedListBlock/BulletedListBlock.types.d.ts}

@@ -2,7 +2,7 @@
 import type { BulletedListItemBlockObjectResponseEx } from '../../../../exporter';
 import type { ParsedUrlQueryInput } from 'node:querystring';
 import type { Link } from '../../types';
-export interface BulletedListBlocksProps {
+export interface BulletedListBlockProps {
     block: BulletedListItemBlockObjectResponseEx;
     href?: string;
     link?: Link;