@xyd-js/components 0.1.0-xyd.2 → 0.1.0-xyd.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/{CTABanner-DVtDluuG.js → CTABanner-BX0sOkvP.js} +1 -1
- package/dist/{CTABanner-DVtDluuG.js.map → CTABanner-BX0sOkvP.js.map} +1 -1
- package/dist/CTABanner-Bgr79Lqe.js +2 -0
- package/dist/CTABanner-Bgr79Lqe.js.map +1 -0
- package/dist/CodeSample-BpsiUFZH.js +2 -0
- package/dist/CodeSample-BpsiUFZH.js.map +1 -0
- package/dist/CodeSample-OEtiPDdW.js +2 -0
- package/dist/CodeSample-OEtiPDdW.js.map +1 -0
- package/dist/{HomeView-JIjSATBR.js → HomeView-BaQ94VA7.js} +1 -1
- package/dist/{HomeView-JIjSATBR.js.map → HomeView-BaQ94VA7.js.map} +1 -1
- package/dist/HomeView-Byqn8qbO.js +2 -0
- package/dist/HomeView-Byqn8qbO.js.map +1 -0
- package/dist/{UnderlineNav-Ck16YRuC.js → UnderlineNav-C4GtpoH_.js} +2 -2
- package/dist/{UnderlineNav-Ck16YRuC.js.map → UnderlineNav-C4GtpoH_.js.map} +1 -1
- package/dist/UnderlineNav-CTBRVoit.js +2 -0
- package/dist/UnderlineNav-CTBRVoit.js.map +1 -0
- package/dist/_rollupPluginBabelHelpers-DzVepvvn.js +2 -0
- package/dist/_rollupPluginBabelHelpers-DzVepvvn.js.map +1 -0
- package/dist/_rollupPluginBabelHelpers-NA6nV2VK.js +2 -0
- package/dist/_rollupPluginBabelHelpers-NA6nV2VK.js.map +1 -0
- package/dist/brand.d.ts +2 -1
- package/dist/brand.js +1 -1
- package/dist/coder/themes/cosmo-light.d.ts +5 -0
- package/dist/coder/themes/cosmo-light.js +2 -0
- package/dist/coder/themes/cosmo-light.js.map +1 -0
- package/dist/coder.d.ts +50 -3
- package/dist/coder.js +1 -1
- package/dist/coder.js.map +1 -1
- package/dist/content.d.ts +46 -6
- package/dist/content.js +1 -1
- package/dist/content.js.map +1 -1
- package/dist/index-B_8erDHC.js +2 -0
- package/dist/index-B_8erDHC.js.map +1 -0
- package/dist/index-DBY3gRcL.js +2 -0
- package/dist/index-DBY3gRcL.js.map +1 -0
- package/dist/index.css +50 -48
- package/dist/index.d.ts +1 -1
- package/dist/layouts.d.ts +2 -1
- package/dist/layouts.js +1 -1
- package/dist/layouts.js.map +1 -1
- package/dist/pages.d.ts +2 -1
- package/dist/pages.js +1 -1
- package/dist/pages.js.map +1 -1
- package/dist/{tslib.es6-DNxqyfMY.js → tslib.es6-COc5mhWS.js} +1 -1
- package/dist/tslib.es6-COc5mhWS.js.map +1 -0
- package/dist/tslib.es6-D-wQFpKV.js +2 -0
- package/dist/tslib.es6-D-wQFpKV.js.map +1 -0
- package/dist/views.d.ts +2 -1
- package/dist/views.js +1 -1
- package/dist/writer.d.ts +14 -2
- package/dist/writer.js +1 -1
- package/dist/writer.js.map +1 -1
- package/package.json +5 -2
- package/rollup.config.js +24 -3
- package/src/coder/Code/Code.styles.tsx +50 -0
- package/src/coder/Code/Code.tsx +79 -0
- package/src/coder/Code/annotations.tsx +31 -0
- package/src/coder/Code/highlight.ts +170 -0
- package/src/coder/Code/index.ts +12 -0
- package/src/coder/CodeSample/CodeSample.tsx +30 -133
- package/src/coder/CodeSample/index.ts +0 -1
- package/src/coder/CodeSample/withLocalStored.tsx +1 -1
- package/src/coder/{CodeSample/CodeSample.styles.tsx → CodeTabs/CodeTabs.styles.tsx} +0 -48
- package/src/coder/CodeTabs/CodeTabs.tsx +82 -0
- package/src/coder/CodeTabs/index.ts +6 -0
- package/src/coder/CodeTheme/CodeTheme.tsx +78 -0
- package/src/coder/CodeTheme/index.ts +8 -0
- package/src/coder/index.ts +31 -1
- package/src/coder/{CodeSample/default-theme.ts → themes/cosmo-light.ts} +3 -2
- package/src/content/Content/Content.tsx +1 -0
- package/src/content/Content.tsx +35 -1
- package/src/pages/index.ts +1 -0
- package/src/views/index.ts +1 -0
- package/src/writer/Badge/Badge.styles.tsx +4 -0
- package/src/writer/Badge/Badge.tsx +3 -1
- package/src/writer/Icon/index.tsx +230 -0
- package/dist/CodeSample-CB5kEkeK.js +0 -2
- package/dist/CodeSample-CB5kEkeK.js.map +0 -1
- package/dist/_rollupPluginBabelHelpers-DFryr8Hb.js +0 -2
- package/dist/_rollupPluginBabelHelpers-DFryr8Hb.js.map +0 -1
- package/dist/index-CCn_Wv4c.js +0 -2
- package/dist/index-CCn_Wv4c.js.map +0 -1
- package/dist/tslib.es6-DNxqyfMY.js.map +0 -1
|
@@ -109,4 +109,234 @@ export function IconCustomEvent() {
|
|
|
109
109
|
strokeLinejoin="round"
|
|
110
110
|
/>
|
|
111
111
|
</svg>
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
export function IconAlert() {
|
|
115
|
+
return <svg
|
|
116
|
+
width={24}
|
|
117
|
+
height={24}
|
|
118
|
+
viewBox="0 0 24 24"
|
|
119
|
+
fill="none"
|
|
120
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
121
|
+
>
|
|
122
|
+
<path
|
|
123
|
+
d="M18 8C18 6.4087 17.3679 4.88258 16.2426 3.75736C15.1174 2.63214 13.5913 2 12 2C10.4087 2 8.88258 2.63214 7.75736 3.75736C6.63214 4.88258 6 6.4087 6 8C6 15 3 17 3 17H21C21 17 18 15 18 8Z"
|
|
124
|
+
stroke="black"
|
|
125
|
+
strokeWidth={2}
|
|
126
|
+
strokeLinecap="round"
|
|
127
|
+
strokeLinejoin="round"
|
|
128
|
+
/>
|
|
129
|
+
<path
|
|
130
|
+
d="M13.73 21C13.5542 21.3031 13.3019 21.5547 12.9982 21.7295C12.6946 21.9044 12.3504 21.9965 12 21.9965C11.6496 21.9965 11.3054 21.9044 11.0018 21.7295C10.6982 21.5547 10.4458 21.3031 10.27 21"
|
|
131
|
+
stroke="black"
|
|
132
|
+
strokeWidth={2}
|
|
133
|
+
strokeLinecap="round"
|
|
134
|
+
strokeLinejoin="round"
|
|
135
|
+
/>
|
|
136
|
+
</svg>
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
export function IconBrowser() {
|
|
140
|
+
return <svg
|
|
141
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
142
|
+
width={24}
|
|
143
|
+
height={24}
|
|
144
|
+
viewBox="0 0 24 24"
|
|
145
|
+
fill="none"
|
|
146
|
+
>
|
|
147
|
+
<path
|
|
148
|
+
d="M22 9H2M2 7.8L2 16.2C2 17.8802 2 18.7202 2.32698 19.362C2.6146 19.9265 3.07354 20.3854 3.63803 20.673C4.27976 21 5.11984 21 6.8 21H17.2C18.8802 21 19.7202 21 20.362 20.673C20.9265 20.3854 21.3854 19.9265 21.673 19.362C22 18.7202 22 17.8802 22 16.2V7.8C22 6.11984 22 5.27977 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3L6.8 3C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8Z"
|
|
149
|
+
stroke="#000000"
|
|
150
|
+
strokeWidth={2}
|
|
151
|
+
strokeLinecap="round"
|
|
152
|
+
strokeLinejoin="round"
|
|
153
|
+
/>
|
|
154
|
+
</svg>
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
export function IconREST() {
|
|
158
|
+
return <svg
|
|
159
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
160
|
+
width={24}
|
|
161
|
+
height={24}
|
|
162
|
+
viewBox="0 0 16 16"
|
|
163
|
+
fill="none"
|
|
164
|
+
>
|
|
165
|
+
<path
|
|
166
|
+
fill="#000000"
|
|
167
|
+
fillRule="evenodd"
|
|
168
|
+
d="M.5 2.75a2.25 2.25 0 114.28.97l1.345 1.344.284-.284a2.25 2.25 0 013.182 0l.284.284 1.344-1.344a2.25 2.25 0 111.06 1.06l-1.343 1.345.284.284a2.25 2.25 0 010 3.182l-.284.284 1.344 1.344a2.25 2.25 0 11-1.06 1.06l-1.345-1.343-.284.284a2.25 2.25 0 01-3.182 0l-.284-.284-1.344 1.344a2.25 2.25 0 11-1.06-1.06l1.343-1.345-.284-.284a2.25 2.25 0 010-3.182l.284-.284L3.72 4.781A2.25 2.25 0 01.5 2.75zM2.75 2a.75.75 0 100 1.5.75.75 0 000-1.5zm0 10.5a.75.75 0 100 1.5.75.75 0 000-1.5zm9.75.75a.75.75 0 111.5 0 .75.75 0 01-1.5 0zM13.25 2a.75.75 0 100 1.5.75.75 0 000-1.5zM7.47 5.841a.75.75 0 011.06 0L10.16 7.47a.75.75 0 010 1.06L8.53 10.16a.75.75 0 01-1.06 0L5.84 8.53a.75.75 0 010-1.06L7.47 5.84z"
|
|
169
|
+
clipRule="evenodd"
|
|
170
|
+
/>
|
|
171
|
+
</svg>
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
export function IconGraphQL() {
|
|
175
|
+
return <svg
|
|
176
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
177
|
+
fill="#000"
|
|
178
|
+
width={24}
|
|
179
|
+
height={24}
|
|
180
|
+
viewBox="0 0 32 32"
|
|
181
|
+
>
|
|
182
|
+
<path
|
|
183
|
+
d="M18.734 3.667l6.578 3.802c1.089-1.146 2.901-1.193 4.047-0.104 0.193 0.188 0.365 0.401 0.5 0.635 0.786 1.37 0.313 3.12-1.063 3.906-0.229 0.13-0.479 0.234-0.745 0.297v7.599c1.531 0.365 2.474 1.896 2.109 3.427-0.063 0.271-0.172 0.531-0.307 0.771-0.792 1.365-2.536 1.833-3.906 1.042-0.26-0.146-0.5-0.344-0.698-0.568l-6.542 3.776c0.495 1.495-0.318 3.109-1.813 3.604-0.292 0.099-0.594 0.146-0.896 0.146-1.573 0-2.854-1.271-2.854-2.849 0-0.271 0.042-0.547 0.12-0.813l-6.583-3.797c-1.089 1.141-2.896 1.188-4.036 0.094-1.135-1.089-1.177-2.891-0.094-4.031 0.38-0.396 0.865-0.677 1.396-0.807v-7.599c-1.531-0.365-2.479-1.906-2.109-3.443 0.063-0.266 0.167-0.521 0.302-0.755 0.786-1.365 2.536-1.833 3.901-1.042 0.234 0.135 0.453 0.302 0.641 0.5l6.583-3.797c-0.448-1.51 0.417-3.099 1.922-3.542 0.26-0.083 0.536-0.12 0.813-0.12 1.573 0 2.854 1.271 2.854 2.844 0 0.281-0.042 0.557-0.12 0.823zM18.047 4.839c-0.026 0.026-0.047 0.052-0.078 0.078l8.615 14.917c0.036-0.010 0.078-0.021 0.109-0.031v-7.609c-1.526-0.375-2.453-1.922-2.073-3.448 0.005-0.031 0.016-0.068 0.021-0.099zM14.026 4.917l-0.078-0.078-6.594 3.802c0.438 1.51-0.438 3.089-1.948 3.526-0.036 0.010-0.068 0.016-0.104 0.026v7.609l0.115 0.031 8.615-14.917zM16.797 5.594c-0.521 0.146-1.073 0.146-1.589 0l-8.615 14.917c0.391 0.375 0.667 0.859 0.802 1.391h17.214c0.13-0.531 0.406-1.016 0.802-1.396zM18.109 27.229l6.552-3.786c-0.021-0.063-0.036-0.125-0.052-0.188h-17.219l-0.031 0.109 6.589 3.802c0.516-0.536 1.245-0.87 2.052-0.87 0.839 0 1.589 0.359 2.109 0.932z"/>
|
|
184
|
+
</svg>
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
export function IconWebhooks() {
|
|
188
|
+
return <svg
|
|
189
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
190
|
+
xmlnsXlink="http://www.w3.org/1999/xlink"
|
|
191
|
+
width={24}
|
|
192
|
+
height={24}
|
|
193
|
+
viewBox="-10 -5 1034 1034"
|
|
194
|
+
>
|
|
195
|
+
<path
|
|
196
|
+
fill="#000000"
|
|
197
|
+
d="M482 226h-1l-10 2q-33 4 -64.5 18.5t-55.5 38.5q-41 37 -57 91q-9 30 -8 63t12 63q17 45 52 78l13 12l-83 135q-26 -1 -45 7q-30 13 -45 40q-7 15 -9 31t2 32q8 30 33 48q15 10 33 14.5t36 2t34.5 -12.5t27.5 -25q12 -17 14.5 -39t-5.5 -41q-1 -5 -7 -14l-3 -6l118 -192 q6 -9 8 -14l-10 -3q-9 -2 -13 -4q-23 -10 -41.5 -27.5t-28.5 -39.5q-17 -36 -9 -75q4 -23 17 -43t31 -34q37 -27 82 -27q27 -1 52.5 9.5t44.5 30.5q17 16 26.5 38.5t10.5 45.5q0 17 -6 42l70 19l8 1q14 -43 7 -86q-4 -33 -19.5 -63.5t-39.5 -53.5q-42 -42 -103 -56 q-6 -2 -18 -4l-14 -2h-37zM500 350q-17 0 -34 7t-30.5 20.5t-19.5 31.5q-8 20 -4 44q3 18 14 34t28 25q24 15 56 13q3 4 5 8l112 191q3 6 6 9q27 -26 58.5 -35.5t65 -3.5t58.5 26q32 25 43.5 61.5t0.5 73.5q-8 28 -28.5 50t-48.5 33q-31 13 -66.5 8.5t-63.5 -24.5 q-4 -3 -13 -10l-5 -6q-4 3 -11 10l-47 46q23 23 52 38.5t61 21.5l22 4h39l28 -5q64 -13 110 -60q22 -22 36.5 -50.5t19.5 -59.5q5 -36 -2 -71.5t-25 -64.5t-44 -51t-57 -35q-34 -14 -70.5 -16t-71.5 7l-17 5l-81 -137q13 -19 16 -37q5 -32 -13 -60q-16 -25 -44 -35 q-17 -6 -35 -6zM218 614q-58 13 -100 53q-47 44 -61 105l-4 24v37l2 11q2 13 4 20q7 31 24.5 59t42.5 49q50 41 115 49q38 4 76 -4.5t70 -28.5q53 -34 78 -91q7 -17 14 -45q6 -1 18 0l125 2q14 0 20 1q11 20 25 31t31.5 16t35.5 4q28 -3 50 -20q27 -21 32 -54 q2 -17 -1.5 -33t-13.5 -30q-16 -22 -41 -32q-17 -7 -35.5 -6.5t-35.5 7.5q-28 12 -43 37l-3 6q-14 0 -42 -1l-113 -1q-15 -1 -43 -1l-50 -1l3 17q8 43 -13 81q-14 27 -40 45t-57 22q-35 6 -70 -7.5t-57 -42.5q-28 -35 -27 -79q1 -37 23 -69q13 -19 32 -32t41 -19l9 -3z"
|
|
198
|
+
/>
|
|
199
|
+
</svg>
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
export function IconJSBrowser() {
|
|
203
|
+
return <svg
|
|
204
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
205
|
+
viewBox="0 0 448 512"
|
|
206
|
+
width={24}
|
|
207
|
+
height={24}
|
|
208
|
+
>
|
|
209
|
+
<path
|
|
210
|
+
d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM243.8 381.4c0 43.6-25.6 63.5-62.9 63.5-33.7 0-53.2-17.4-63.2-38.5l34.3-20.7c6.6 11.7 12.6 21.6 27.1 21.6 13.8 0 22.6-5.4 22.6-26.5V237.7h42.1v143.7zm99.6 63.5c-39.1 0-64.4-18.6-76.7-43l34.3-19.8c9 14.7 20.8 25.6 41.5 25.6 17.4 0 28.6-8.7 28.6-20.8 0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5 0-31.6 24.1-55.6 61.6-55.6 26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18-12.3 0-20.1 7.8-20.1 18 0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2 0 37.8-29.8 58.6-69.7 58.6z"/>
|
|
211
|
+
</svg>
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
export function IconJSNode() {
|
|
215
|
+
return <svg
|
|
216
|
+
width={24}
|
|
217
|
+
height={24}
|
|
218
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
219
|
+
data-name="Layer 1"
|
|
220
|
+
viewBox="0 0 109 122.88"
|
|
221
|
+
>
|
|
222
|
+
<defs>
|
|
223
|
+
<style>{".cls-1{fill-rule:evenodd;}"}</style>
|
|
224
|
+
</defs>
|
|
225
|
+
<title>{"node-js-black"}</title>
|
|
226
|
+
<path
|
|
227
|
+
className="cls-1"
|
|
228
|
+
d="M68.43,87.08c-19.7,0-23.83-9-23.83-16.63a1.3,1.3,0,0,1,1.3-1.3h5.82A1.3,1.3,0,0,1,53,70.25c.88,5.93,3.49,8.92,15.41,8.92C77.9,79.17,81.93,77,81.93,72c0-2.9-1.15-5-15.89-6.49-12.33-1.22-20-3.93-20-13.8,0-9.08,7.66-14.49,20.5-14.49,14.42,0,21.56,5,22.46,15.76a1.31,1.31,0,0,1-.35,1,1.35,1.35,0,0,1-1,.42H81.9a1.29,1.29,0,0,1-1.26-1c-1.41-6.23-4.81-8.23-14.07-8.23C56.21,45.15,55,48.76,55,51.46c0,3.28,1.42,4.24,15.4,6.09S90.82,62,90.82,71.71,82.64,87.14,68.37,87.14l.06-.06Zm-13.91,35.8a9.45,9.45,0,0,1-4.72-1.26l-15-8.9c-2.25-1.26-1.15-1.7-.41-2a30.38,30.38,0,0,0,6.8-3.1,1.15,1.15,0,0,1,1.12.08l11.55,6.85a1.51,1.51,0,0,0,1.4,0l45-26a1.42,1.42,0,0,0,.69-1.22V35.43a1.44,1.44,0,0,0-.7-1.24l-45-26a1.38,1.38,0,0,0-1.39,0l-45,26a1.42,1.42,0,0,0-.71,1.23v52a1.39,1.39,0,0,0,.7,1.21l12.33,7.12C27.85,99.06,32,95.11,32,91.15V39.86a1.29,1.29,0,0,1,1.31-1.3H39a1.29,1.29,0,0,1,1.3,1.3V91.17c0,8.93-4.87,14-13.33,14-2.6,0-4.66,0-10.38-2.82L4.72,95.59A9.51,9.51,0,0,1,0,87.38v-52a9.47,9.47,0,0,1,4.72-8.21l45.07-26a9.89,9.89,0,0,1,9.47,0l45,26A9.49,9.49,0,0,1,109,35.43v52a9.54,9.54,0,0,1-4.72,8.21l-45,26a9.5,9.5,0,0,1-4.74,1.26v0Zm0,0Z"
|
|
229
|
+
/>
|
|
230
|
+
</svg>
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
export function IconStorybook() {
|
|
234
|
+
return <svg
|
|
235
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
236
|
+
fill="#000000"
|
|
237
|
+
width={24}
|
|
238
|
+
height={24}
|
|
239
|
+
viewBox="0 0 32 32"
|
|
240
|
+
>
|
|
241
|
+
<path
|
|
242
|
+
d="M21.786 0.318l-0.161 3.615c-0.005 0.203 0.229 0.328 0.391 0.203l1.411-1.068 1.198 0.932c0.156 0.104 0.365 0 0.375-0.188l-0.135-3.677 1.776-0.135c0.922-0.063 1.708 0.672 1.708 1.599v28.802c0 0.917-0.766 1.646-1.682 1.599l-21.469-0.958c-0.833-0.036-1.505-0.708-1.531-1.547l-1-26.401c-0.052-0.885 0.62-1.646 1.505-1.693l17.599-1.109zM17.693 12.401c0 0.625 4.214 0.318 4.786-0.109 0-4.266-2.292-6.521-6.479-6.521-4.198 0-6.531 2.297-6.531 5.724 0 5.932 8 6.036 8 9.276 0 0.938-0.427 1.469-1.401 1.469-1.281 0-1.802-0.651-1.734-2.88 0-0.479-4.865-0.641-5.026 0-0.359 5.375 2.974 6.932 6.797 6.932 3.724 0 6.63-1.984 6.63-5.573 0-6.359-8.135-6.188-8.135-9.333 0-1.292 0.964-1.464 1.505-1.464 0.604 0 1.667 0.094 1.589 2.49z"/>
|
|
243
|
+
</svg>
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
export function IconReactRouter() {
|
|
247
|
+
return <svg
|
|
248
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
249
|
+
width={24}
|
|
250
|
+
height={24}
|
|
251
|
+
viewBox="0 0 602 360"
|
|
252
|
+
fill="none"
|
|
253
|
+
>
|
|
254
|
+
<path
|
|
255
|
+
d="M480.96 180C480.96 196.572 474.239 211.572 463.357 222.42C452.475 233.28 437.445 240 420.84 240C404.235 240 389.205 246.708 378.335 257.568C367.453 268.428 360.72 283.428 360.72 300C360.72 316.572 353.999 331.572 343.117 342.42C332.235 353.28 317.205 360 300.6 360C283.995 360 268.965 353.28 258.095 342.42C247.213 331.572 240.48 316.572 240.48 300C240.48 283.428 247.213 268.428 258.095 257.568C268.965 246.708 283.995 240 300.6 240C317.205 240 332.235 233.28 343.117 222.42C353.999 211.572 360.72 196.572 360.72 180C360.72 146.856 333.81 120 300.6 120C283.995 120 268.965 113.28 258.095 102.42C247.213 91.572 240.48 76.572 240.48 60C240.48 43.428 247.213 28.428 258.095 17.568C268.965 6.708 283.995 0 300.6 0C333.81 0 360.72 26.856 360.72 60C360.72 76.572 367.453 91.572 378.335 102.42C389.205 113.28 404.235 120 420.84 120C454.05 120 480.96 146.856 480.96 180Z"
|
|
256
|
+
fill="#121212"
|
|
257
|
+
/>
|
|
258
|
+
<path
|
|
259
|
+
d="M240.48 180C240.48 146.862 213.563 120 180.36 120C147.157 120 120.24 146.862 120.24 180C120.24 213.137 147.157 240 180.36 240C213.563 240 240.48 213.137 240.48 180Z"
|
|
260
|
+
fill="#121212"
|
|
261
|
+
/>
|
|
262
|
+
<path
|
|
263
|
+
d="M120.24 300C120.24 266.863 93.3234 240 60.12 240C26.9166 240 0 266.863 0 300C0 333.138 26.9166 360 60.12 360C93.3234 360 120.24 333.138 120.24 300Z"
|
|
264
|
+
fill="#121212"
|
|
265
|
+
/>
|
|
266
|
+
<path
|
|
267
|
+
d="M601.2 300C601.2 266.863 574.283 240 541.08 240C507.877 240 480.96 266.863 480.96 300C480.96 333.138 507.877 360 541.08 360C574.283 360 601.2 333.138 601.2 300Z"
|
|
268
|
+
fill="#121212"
|
|
269
|
+
/>
|
|
270
|
+
</svg>
|
|
271
|
+
}
|
|
272
|
+
|
|
273
|
+
export function IconNextJS() {
|
|
274
|
+
return <svg
|
|
275
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
276
|
+
width={24}
|
|
277
|
+
height={24}
|
|
278
|
+
viewBox="0 0 15 15"
|
|
279
|
+
fill="none"
|
|
280
|
+
>
|
|
281
|
+
<path
|
|
282
|
+
d="M4.5 4.5L4.90534 4.20725C4.77836 4.03144 4.55252 3.95753 4.34617 4.02425C4.13981 4.09098 4 4.28313 4 4.5H4.5ZM7.5 14C3.91015 14 1 11.0899 1 7.5H0C0 11.6421 3.35786 15 7.5 15V14ZM14 7.5C14 11.0899 11.0899 14 7.5 14V15C11.6421 15 15 11.6421 15 7.5H14ZM7.5 1C11.0899 1 14 3.91015 14 7.5H15C15 3.35786 11.6421 0 7.5 0V1ZM7.5 0C3.35786 0 0 3.35786 0 7.5H1C1 3.91015 3.91015 1 7.5 1V0ZM5 12V4.5H4V12H5ZM4.09466 4.79275L10.5947 13.7927L11.4053 13.2073L4.90534 4.20725L4.09466 4.79275ZM10 4V10H11V4H10Z"
|
|
283
|
+
fill="#000000"
|
|
284
|
+
/>
|
|
285
|
+
</svg>
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
export function IconAppTemplate() {
|
|
289
|
+
return <svg
|
|
290
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
291
|
+
viewBox="0 0 80 80"
|
|
292
|
+
fill="none"
|
|
293
|
+
>
|
|
294
|
+
<g clipPath="url(#clip0_202_147)">
|
|
295
|
+
<path d="M0 55.3333H80" stroke="black" strokeWidth={0.506667}/>
|
|
296
|
+
<path d="M0 40H80" stroke="black" strokeWidth={0.506667}/>
|
|
297
|
+
<path d="M0 24.6667H80" stroke="black" strokeWidth={0.506667}/>
|
|
298
|
+
<path d="M55.3334 80V0" stroke="black" strokeWidth={0.506667}/>
|
|
299
|
+
<path d="M40 80V0" stroke="black" strokeWidth={0.506667}/>
|
|
300
|
+
<path d="M24.6666 80V0" stroke="black" strokeWidth={0.506667}/>
|
|
301
|
+
<path d="M80 80L0 0" stroke="black" strokeWidth={0.506667}/>
|
|
302
|
+
<path d="M0 80L80 0" stroke="black" strokeWidth={0.506667}/>
|
|
303
|
+
<rect
|
|
304
|
+
x={5.33337}
|
|
305
|
+
y={5.33333}
|
|
306
|
+
width={69.3333}
|
|
307
|
+
height={69.3333}
|
|
308
|
+
stroke="black"
|
|
309
|
+
strokeWidth={0.506667}
|
|
310
|
+
/>
|
|
311
|
+
<circle
|
|
312
|
+
cx={40}
|
|
313
|
+
cy={40}
|
|
314
|
+
r={15.3333}
|
|
315
|
+
stroke="black"
|
|
316
|
+
strokeWidth={0.506667}
|
|
317
|
+
/>
|
|
318
|
+
<circle cx={40} cy={40} r={22} stroke="black" strokeWidth={0.506667}/>
|
|
319
|
+
<circle
|
|
320
|
+
cx={40}
|
|
321
|
+
cy={40}
|
|
322
|
+
r={34.6667}
|
|
323
|
+
stroke="black"
|
|
324
|
+
strokeWidth={0.506667}
|
|
325
|
+
/>
|
|
326
|
+
</g>
|
|
327
|
+
<rect
|
|
328
|
+
x={0.253333}
|
|
329
|
+
y={0.253333}
|
|
330
|
+
width={79.4933}
|
|
331
|
+
height={79.4933}
|
|
332
|
+
rx={17.08}
|
|
333
|
+
stroke="black"
|
|
334
|
+
strokeWidth={0.506667}
|
|
335
|
+
/>
|
|
336
|
+
<defs>
|
|
337
|
+
<clipPath id="clip0_202_147">
|
|
338
|
+
<rect width={80} height={80} rx={17.3333} fill="white"/>
|
|
339
|
+
</clipPath>
|
|
340
|
+
</defs>
|
|
341
|
+
</svg>
|
|
112
342
|
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as e,b as n,c as t,d as r,e as a,f as o,_ as i,g as s,h as c}from"./_rollupPluginBabelHelpers-DFryr8Hb.js";import{_ as u,a as l}from"./tslib.es6-DNxqyfMY.js";import f,{useRef as p,forwardRef as d,useState as m,useEffect as g}from"react";import*as v from"@radix-ui/react-tabs";import{extractAnnotations as y,highlight as h,LANG_NAMES as b}from"@code-hike/lighter";import{CheckCheck as k,Copy as w}from"lucide-react";function E(e,n,t){return _.apply(this,arguments)}function _(){return(_=e(n().mark((function e(r,a,o){var i,s,c,u,l;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return i=[],s=r,e.next=4,x(s,a,o);case 4:return c=e.sent,u=c.code,l=c.annotations,i=[].concat(t(i),t(l)),s=u,e.abrupt("return",{code:s,annotations:i});case 10:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function x(e,n){return D.apply(this,arguments)}function D(){return D=e(n().mark((function e(t,r){var a,o,i,s,c,u=arguments;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=u.length>2&&void 0!==u[2]?u[2]:"!",o=function(e){var n,t=new RegExp("\\s*(".concat(a,"?[\\w-]+)?(\\([^\\)]*\\)|\\[[^\\]]*\\])?(.*)$")),r=e.match(t);if(!r)return null;var o=r[1],i=r[2],s=null===(n=r[3])||void 0===n?void 0:n.trim();return o&&o.startsWith(a)?{name:o.slice(a.length),rangeString:i,query:s}:null},e.next=4,y(t,r,o);case 4:return i=e.sent,s=i.code,c=i.annotations,e.abrupt("return",{code:s,annotations:c});case 8:case"end":return e.stop()}}),e)}))),D.apply(this,arguments)}function S(e){return!j(e)}function j(e){return e.hasOwnProperty("lineNumber")}function C(e){return"string"==typeof e}var F=["color"];function N(e,n){return O.apply(this,arguments)}function O(){return O=e(n().mark((function e(t,a){var o,i,s,c,u,l,f,p,d,m,g,v,y,k,w=arguments;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return o=w.length>2&&void 0!==w[2]?w[2]:{},i=t.value,s=t.lang,c=void 0===s?"txt":s,b.includes(c)||(console.warn('Code Hike warning: Unknown language "'.concat(c,'"')),c="txt"),e.next=5,E(i,c,o.annotationPrefix||"!");case 5:return u=e.sent,l=u.code,f=u.annotations,e.next=10,h(l,c,a,{annotations:[],scopes:!1});case 10:return p=e.sent,d=p.lines,m=p.lang,g=p.style,v=B(d),y=A(v),k=T(y),e.abrupt("return",r(r({},t),{},{code:l,tokens:k,lang:m,annotations:R(f),themeName:"string"==typeof a?a:(null==a?void 0:a.name)||"unknown",style:g}));case 18:case"end":return e.stop()}}),e)}))),O.apply(this,arguments)}function R(e){var n,t=[],r=a(e);try{for(r.s();!(n=r.n()).done;){var o,i=n.value,s=i.name,c=i.query,u=i.ranges,l=a(u);try{for(l.s();!(o=l.n()).done;){var f=o.value;if(f.lineNumber){var p=f.lineNumber,d=f.fromColumn,m=f.toColumn;t.push({name:s,query:c,lineNumber:p,fromColumn:d,toColumn:m})}else{var g=f.fromLineNumber,v=f.toLineNumber;t.push({name:s,query:c,fromLineNumber:g,toLineNumber:v})}}}catch(e){l.e(e)}finally{l.f()}}}catch(e){r.e(e)}finally{r.f()}return t}function B(e){var n=[];return e.forEach((function(r,a){if("lines"in r)throw new Error("Shouldnt be groups");var i=function(e){return e.map((function(e){if("tokens"in e)throw new Error("Shouldnt be groups");var n=[e.content],t=e.style||{},r=t.color,a=o(t,F);return n.push(r),Object.keys(a).length&&n.push(a),n}))}(r.tokens);n.push.apply(n,t(i)),a<e.length-1&&n.push("\n")})),n}function A(e){var n=[];return e.forEach((function(e){if(C(e))n.push(e);else{var r=function(e){var n=e.trim(),t=e.slice(0,e.indexOf(n)),r=e.slice(e.indexOf(n)+n.length);return[t,n,r]}(e[0]),a=i(r,3),o=a[0],s=a[1],c=a[2];if((null==o?void 0:o.length)&&n.push(o),s.length){var u=t(e);u[0]=s,n.push(u)}(null==c?void 0:c.length)&&n.push(c)}})),n}function T(e){var n=[];return e.forEach((function(e){if(C(e)){var t=n[n.length-1];t&&C(t)?n[n.length-1]+=e:""!==e&&n.push(e)}else e[0].length>0&&n.push(e)})),n}var P,L={exports:{}},$={};var I,W,z={};function U(){return I||(I=1,"production"!==process.env.NODE_ENV&&function(){var e=f,n=Symbol.for("react.element"),t=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),c=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),d=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),g=Symbol.for("react.offscreen"),v=Symbol.iterator;var y=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function h(e){for(var n=arguments.length,t=new Array(n>1?n-1:0),r=1;r<n;r++)t[r-1]=arguments[r];!function(e,n,t){var r=y.ReactDebugCurrentFrame,a=r.getStackAddendum();""!==a&&(n+="%s",t=t.concat([a]));var o=t.map((function(e){return String(e)}));o.unshift("Warning: "+n),Function.prototype.apply.call(console[e],console,o)}("error",e,t)}var b;function k(e){return e.displayName||"Context"}function w(e){if(null==e)return null;if("number"==typeof e.tag&&h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),"function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case r:return"Fragment";case t:return"Portal";case o:return"Profiler";case a:return"StrictMode";case l:return"Suspense";case p:return"SuspenseList"}if("object"===s(e))switch(e.$$typeof){case c:return k(e)+".Consumer";case i:return k(e._context)+".Provider";case u:return function(e,n,t){var r=e.displayName;if(r)return r;var a=n.displayName||n.name||"";return""!==a?t+"("+a+")":t}(e,e.render,"ForwardRef");case d:var n=e.displayName||null;return null!==n?n:w(e.type)||"Memo";case m:var f=e,g=f._payload,v=f._init;try{return w(v(g))}catch(e){return null}}return null}b=Symbol.for("react.module.reference");var E,_,x,D,S,j,C,F=Object.assign,N=0;function O(){}O.__reactDisabledLog=!0;var R,B=y.ReactCurrentDispatcher;function A(e,n,t){if(void 0===R)try{throw Error()}catch(e){var r=e.stack.trim().match(/\n( *(at )?)/);R=r&&r[1]||""}return"\n"+R+e}var T,P=!1,L="function"==typeof WeakMap?WeakMap:Map;function $(e,n){if(!e||P)return"";var t,r=T.get(e);if(void 0!==r)return r;P=!0;var a,o=Error.prepareStackTrace;Error.prepareStackTrace=void 0,a=B.current,B.current=null,function(){if(0===N){E=console.log,_=console.info,x=console.warn,D=console.error,S=console.group,j=console.groupCollapsed,C=console.groupEnd;var e={configurable:!0,enumerable:!0,value:O,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}N++}();try{if(n){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),"object"===("undefined"==typeof Reflect?"undefined":s(Reflect))&&Reflect.construct){try{Reflect.construct(i,[])}catch(e){t=e}Reflect.construct(e,[],i)}else{try{i.call()}catch(e){t=e}e.call(i.prototype)}}else{try{throw Error()}catch(e){t=e}e()}}catch(n){if(n&&t&&"string"==typeof n.stack){for(var c=n.stack.split("\n"),u=t.stack.split("\n"),l=c.length-1,f=u.length-1;l>=1&&f>=0&&c[l]!==u[f];)f--;for(;l>=1&&f>=0;l--,f--)if(c[l]!==u[f]){if(1!==l||1!==f)do{if(l--,--f<0||c[l]!==u[f]){var p="\n"+c[l].replace(" at new "," at ");return e.displayName&&p.includes("<anonymous>")&&(p=p.replace("<anonymous>",e.displayName)),"function"==typeof e&&T.set(e,p),p}}while(l>=1&&f>=0);break}}}finally{P=!1,B.current=a,function(){if(0==--N){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:F({},e,{value:E}),info:F({},e,{value:_}),warn:F({},e,{value:x}),error:F({},e,{value:D}),group:F({},e,{value:S}),groupCollapsed:F({},e,{value:j}),groupEnd:F({},e,{value:C})})}N<0&&h("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}(),Error.prepareStackTrace=o}var d=e?e.displayName||e.name:"",m=d?A(d):"";return"function"==typeof e&&T.set(e,m),m}function I(e,n,t){if(null==e)return"";if("function"==typeof e)return $(e,!(!(r=e.prototype)||!r.isReactComponent));var r;if("string"==typeof e)return A(e);switch(e){case l:return A("Suspense");case p:return A("SuspenseList")}if("object"===s(e))switch(e.$$typeof){case u:return $(e.render,!1);case d:return I(e.type,n,t);case m:var a=e,o=a._payload,i=a._init;try{return I(i(o),n,t)}catch(e){}}return""}T=new L;var W=Object.prototype.hasOwnProperty,U={},q=y.ReactDebugCurrentFrame;function M(e){if(e){var n=e._owner,t=I(e.type,e._source,n?n.type:null);q.setExtraStackFrame(t)}else q.setExtraStackFrame(null)}var G=Array.isArray;function H(e){return G(e)}function Y(e){return""+e}function K(e){if(function(e){try{return Y(e),!1}catch(e){return!0}}(e))return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",function(e){return"function"==typeof Symbol&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object"}(e)),Y(e)}var V,J,X=y.ReactCurrentOwner,Q={key:!0,ref:!0,__self:!0,__source:!0};function Z(e,t,r,a,o){var i,s={},c=null,u=null;for(i in void 0!==r&&(K(r),c=""+r),function(e){if(W.call(e,"key")){var n=Object.getOwnPropertyDescriptor(e,"key").get;if(n&&n.isReactWarning)return!1}return void 0!==e.key}(t)&&(K(t.key),c=""+t.key),function(e){if(W.call(e,"ref")){var n=Object.getOwnPropertyDescriptor(e,"ref").get;if(n&&n.isReactWarning)return!1}return void 0!==e.ref}(t)&&(u=t.ref,function(e){"string"==typeof e.ref&&X.current}(t)),t)W.call(t,i)&&!Q.hasOwnProperty(i)&&(s[i]=t[i]);if(e&&e.defaultProps){var l=e.defaultProps;for(i in l)void 0===s[i]&&(s[i]=l[i])}if(c||u){var f="function"==typeof e?e.displayName||e.name||"Unknown":e;c&&function(e,n){var t=function(){V||(V=!0,h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}(s,f),u&&function(e,n){var t=function(){J||(J=!0,h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",n))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}(s,f)}return function(e,t,r,a,o,i,s){var c={$$typeof:n,type:e,key:t,ref:r,props:s,_owner:i,_store:{}};return Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:o}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c}(e,c,u,o,a,X.current,s)}var ee,ne=y.ReactCurrentOwner,te=y.ReactDebugCurrentFrame;function re(e){if(e){var n=e._owner,t=I(e.type,e._source,n?n.type:null);te.setExtraStackFrame(t)}else te.setExtraStackFrame(null)}function ae(e){return"object"===s(e)&&null!==e&&e.$$typeof===n}function oe(){if(ne.current){var e=w(ne.current.type);if(e)return"\n\nCheck the render method of `"+e+"`."}return""}ee=!1;var ie={};function se(e,n){if(e._store&&!e._store.validated&&null==e.key){e._store.validated=!0;var t=function(e){var n=oe();if(!n){var t="string"==typeof e?e:e.displayName||e.name;t&&(n="\n\nCheck the top-level render call using <"+t+">.")}return n}(n);if(!ie[t]){ie[t]=!0;var r="";e&&e._owner&&e._owner!==ne.current&&(r=" It was passed a child from "+w(e._owner.type)+"."),re(e),h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,r),re(null)}}}function ce(e,n){if("object"===s(e))if(H(e))for(var t=0;t<e.length;t++){var r=e[t];ae(r)&&se(r,n)}else if(ae(e))e._store&&(e._store.validated=!0);else if(e){var a=function(e){if(null===e||"object"!==s(e))return null;var n=v&&e[v]||e["@@iterator"];return"function"==typeof n?n:null}(e);if("function"==typeof a&&a!==e.entries)for(var o,i=a.call(e);!(o=i.next()).done;)ae(o.value)&&se(o.value,n)}}function ue(e){var n,t=e.type;if(null!=t&&"string"!=typeof t){if("function"==typeof t)n=t.propTypes;else{if("object"!==s(t)||t.$$typeof!==u&&t.$$typeof!==d)return;n=t.propTypes}if(n){var r=w(t);!function(e,n,t,r,a){var o=Function.call.bind(W);for(var i in e)if(o(e,i)){var c=void 0;try{if("function"!=typeof e[i]){var u=Error((r||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+s(e[i])+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw u.name="Invariant Violation",u}c=e[i](n,i,r,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(e){c=e}!c||c instanceof Error||(M(a),h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",r||"React class",t,i,s(c)),M(null)),c instanceof Error&&!(c.message in U)&&(U[c.message]=!0,M(a),h("Failed %s type: %s",t,c.message),M(null))}}(n,e.props,"prop",r,e)}else if(void 0!==t.PropTypes&&!ee){ee=!0,h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",w(t)||"Unknown")}"function"!=typeof t.getDefaultProps||t.getDefaultProps.isReactClassApproved||h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}var le={};function fe(e,t,f,v,y,k){var E=function(e){return"string"==typeof e||"function"==typeof e||e===r||e===o||e===a||e===l||e===p||e===g||"object"===s(e)&&null!==e&&(e.$$typeof===m||e.$$typeof===d||e.$$typeof===i||e.$$typeof===c||e.$$typeof===u||e.$$typeof===b||void 0!==e.getModuleId)}(e);if(!E){var _="";(void 0===e||"object"===s(e)&&null!==e&&0===Object.keys(e).length)&&(_+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var x;_+=oe(),null===e?x="null":H(e)?x="array":void 0!==e&&e.$$typeof===n?(x="<"+(w(e.type)||"Unknown")+" />",_=" Did you accidentally export a JSX literal instead of a component?"):x=s(e),h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",x,_)}var D=Z(e,t,f,y,k);if(null==D)return D;if(E){var S=t.children;if(void 0!==S)if(v)if(H(S)){for(var j=0;j<S.length;j++)ce(S[j],e);Object.freeze&&Object.freeze(S)}else h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ce(S,e)}if(W.call(t,"key")){var C=w(e),F=Object.keys(t).filter((function(e){return"key"!==e})),N=F.length>0?"{key: someKey, "+F.join(": ..., ")+": ...}":"{key: someKey}";if(!le[C+N])h('A props object containing a "key" prop is being spread into JSX:\n let props = %s;\n <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n let props = %s;\n <%s key={someKey} {...props} />',N,C,F.length>0?"{"+F.join(": ..., ")+": ...}":"{}",C),le[C+N]=!0}return e===r?function(e){for(var n=Object.keys(e.props),t=0;t<n.length;t++){var r=n[t];if("children"!==r&&"key"!==r){re(e),h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",r),re(null);break}}null!==e.ref&&(re(e),h("Invalid attribute `ref` supplied to `React.Fragment`."),re(null))}(D):ue(D),D}var pe=function(e,n,t){return fe(e,n,t,!1)},de=function(e,n,t){return fe(e,n,t,!0)};z.Fragment=r,z.jsx=pe,z.jsxs=de}()),z}var q=(W||(W=1,"production"===process.env.NODE_ENV?L.exports=function(){if(P)return $;P=1;var e=f,n=Symbol.for("react.element"),t=Symbol.for("react.fragment"),r=Object.prototype.hasOwnProperty,a=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function i(e,t,i){var s,c={},u=null,l=null;for(s in void 0!==i&&(u=""+i),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(l=t.ref),t)r.call(t,s)&&!o.hasOwnProperty(s)&&(c[s]=t[s]);if(e&&e.defaultProps)for(s in t=e.defaultProps)void 0===c[s]&&(c[s]=t[s]);return{$$typeof:n,type:e,key:u,ref:l,props:c,_owner:a.current}}return $.Fragment=t,$.jsx=i,$.jsxs=i,$}():L.exports=U()),L.exports);function M(e,n,t){if("children"===n)e.children=t||e.children;else if("_ref"===n)e._ref=t||e._ref;else if("data"===n)e.data=e.data?r(r({},e.data),t):t;else if("className"===n)e.className=[e.className,t].join(" ").trim();else if("style"===n)e.style=r(r({},e.style),t);else if("function"==typeof t){var a=e[n];e[n]=a?function(){a.apply(void 0,arguments),t.apply(void 0,arguments)}:t}else{if(void 0===t||"object"!==s(t)&&t===e[n])return;if(n in e)throw new Error("Didn’t know how to merge prop '".concat(n,"'. ")+"Only 'className', 'style', and event handlers are supported");e[n]=t}}function G(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return 1===n.length?n[0]:n.reduce((function(e,n){for(var t in n)M(e,t,n[t]);return e}),{})}var H=["merge"],Y=["_stack"],K=["_ref","data","children"],V=["merge"],J=["_stack"],X=["lineNumber","totalLines","indentation","data","annotation"],Q=["merge"],Z=["_stack"],ee=["value","data"],ne=function(e){var n=G(e.merge,o(e,H)),t=n._stack,a=o(n,Y),i=c(t),s=i[0],u=i.slice(1);if(s)return q.jsx(s,r({_stack:u},a));var l=a._ref;a.data;var f=a.children,p=o(a,K);return q.jsx("pre",r(r({},p),{},{ref:l,"data-ch":!0,children:q.jsx("div",{style:{minWidth:"fit-content"},children:f})}))},te=function(e){var n=G(e.merge,o(e,V)),t=n._stack,a=o(n,J),i=c(t),s=i[0],u=i.slice(1);if(s){var l=s.Component,f=s.annotation;return q.jsx(l,r(r({_stack:u},a),{},{annotation:f}))}a.lineNumber,a.totalLines,a.indentation,a.data,a.annotation;var p=o(a,X);return q.jsx("div",r({},p))},re=function(e){var n=G(e.merge,o(e,Q)),t=n._stack,a=o(n,Z),i=c(t),s=i[0],u=i.slice(1);if(s){var l=s.Component,f=s.annotation;return q.jsx(l,r(r({_stack:u},a),{},{annotation:f}))}var p=a.value;a.data;var d=o(a,ee);return q.jsx("span",r(r({},d),{},{children:p}))},ae=function(e){var n=p(null),t=e._ref||n;return q.jsx(ne,{merge:e,_ref:t})};function oe(e,n){var t=[n.fromColumn,n.toColumn],r=ie(e,t[0]);r=ie(r,t[1]+1);var a=[],o=[],i=[];return r.forEach((function(e){e.range[1]<t[0]?a.push(e):e.range[0]>t[1]?i.push(e):o.push(e)})),[].concat(a,[{annotation:n,content:o,range:[o[0].range[0],o[o.length-1].range[1]]}],i)}function ie(e,n){var o=e.findIndex((function(e){return e.range[0]<n&&n<=e.range[1]}));if(-1===o)return e;var i=e[o];if(se(i)){var s,c=ie(i.content,n),u=[],l=[],f=a(c);try{for(f.s();!(s=f.n()).done;){var p=s.value;p.range[1]<n?u.push(p):l.push(p)}}catch(e){f.e(e)}finally{f.f()}return[].concat(t(e.slice(0,o)),[r(r({},i),{},{content:u,range:[i.range[0],n-1]}),r(r({},i),{},{content:l,range:[n,i.range[1]]})],t(e.slice(o+1)))}return[].concat(t(e.slice(0,o)),[r(r({},i),{},{value:i.value.slice(0,n-i.range[0]),range:[i.range[0],n-1]}),r(r({},i),{},{value:i.value.slice(n-i.range[0]),range:[n,i.range[1]]})],t(e.slice(o+1)))}function se(e){return void 0!==e.content}function ce(e){var n=e.content,t=e.handlers,r=e.annotationStack;return n.map((function(e,n){return se(e)?q.jsx(le,{annotationStack:r,handlers:t,group:e},n):e.style?q.jsx(ue,{annotationStack:r,handlers:t,token:e},n):e.value}))}function ue(e){var n=e.handlers,t=e.token,r=function(e,n){var t=[];return e.forEach((function(e){var r=e.name,a=e.Token,o=e.AnnotatedToken,i=n.filter((function(e){return e.name===r}));o&&i.forEach((function(e){return t.push({Component:o,annotation:e})})),a&&(i.length||t.push({Component:a}),i.forEach((function(e){return t.push({Component:a,annotation:e})})))})),t}(n,e.annotationStack);return q.jsx(re,{merge:{_stack:r,style:t.style,value:t.value}})}function le(e){var n,r=e.group,a=e.handlers,o=e.annotationStack,i=r.annotation,s=r.content,c=i.name,u=ce({content:s,handlers:a,annotationStack:[].concat(t(o),[i])}),l=null===(n=a.find((function(e){return e.name===c})))||void 0===n?void 0:n.Inline;return l?q.jsx(l,{annotation:i,children:u}):u}function fe(e,n){var t=[n.fromLineNumber,n.toLineNumber],r=pe(e,t[0]);r=pe(r,t[1]+1);var a=[],o=[],i=[];return r.forEach((function(e){e.range[1]<t[0]?a.push(e):e.range[0]>t[1]?i.push(e):o.push(e)})),[].concat(a,[{annotation:n,lines:o,range:[o[0].range[0],o[o.length-1].range[1]]}],i)}function pe(e,n){var a=e.findIndex((function(e){return de(e)&&e.range[0]<n&&n<=e.range[1]}));if(-1===a)return e;var o=e[a],i=pe(o.lines,n),s=[],c=[];return i.forEach((function(e){e.range[1]<n?s.push(e):c.push(e)})),[].concat(t(e.slice(0,a)),[r(r({},o),{},{lines:s,range:[o.range[0],n-1]}),r(r({},o),{},{lines:c,range:[n,o.range[1]]})],t(e.slice(a+1)))}function de(e){return void 0!==e.annotation}function me(e){var n=e.linesOrGroups,t=e.handlers,r=e.inlineAnnotations,a=e.annotationStack,o=void 0===a?[]:a;return n.map((function(e){return de(e)?q.jsx(ve,{group:e,handlers:t,inlineAnnotations:r,annotationStack:o},e.range[0]):q.jsx(ge,{line:e,handlers:t,inlineAnnotations:r,annotationStack:o},e.lineNumber)}))}function ge(e){var n=e.line,t=e.handlers,r=e.inlineAnnotations,a=e.annotationStack,o=void 0===a?[]:a,i=n.lineNumber,s=n.totalLines,c=n.indentation,u=r.filter((function(e){return e.lineNumber===i})),l=function(e,n){for(var t=e,r=n.length-1;r>=0;r--)t=oe(t,n[r]);return t}(n.tokens,u),f=function(e,n){var t=[];return e.forEach((function(e){var r=e.name,a=e.Line,o=e.AnnotatedLine,i=n.filter((function(e){return e.name===r}));o&&i.forEach((function(e){t.push({Component:o,annotation:e})})),a&&(i.length||t.push({Component:a}),i.forEach((function(e){t.push({Component:a,annotation:e})})))})),t}(t,o),p=ce({content:l,handlers:t,annotationStack:o}),d={lineNumber:i,indentation:c,totalLines:s,_stack:f};return q.jsx(te,{merge:d,children:p},i)}function ve(e){var n,r=e.group,a=e.handlers,o=e.inlineAnnotations,i=e.annotationStack,s=r.annotation,c=r.lines,u=s.name,l=null===(n=a.find((function(e){return e.name===u})))||void 0===n?void 0:n.Block,f=me({linesOrGroups:c,handlers:a,inlineAnnotations:o,annotationStack:[].concat(t(i),[s])});return l?q.jsx(l,{annotation:s,children:f}):f}var ye=["code","handlers"],he=d((function(e,n){var a=e.code,i=e.handlers,s=void 0===i?[]:i,c=o(e,ye),u=a.tokens,l=a.themeName,f=a.lang,p=a.annotations;if(!u)throw new Error("Missing tokens in code block. Use the `highlight` function to generate the tokens.");s.filter((function(e){return e.transform})).forEach((function(e){p=p.flatMap((function(n){return e.name!=n.name?n:e.transform(n)||[]}))}));var d=new Set(p.map((function(e){return e.name}))),m=s.filter((function(e){return!e.onlyIfAnnotated||d.has(e.name)})),g=function(e){var n=e.map((function(e){return e.Pre})).filter(Boolean),r=e.map((function(e){return e.PreWithRef})).filter(Boolean);r.length>0&&r.unshift(ae);return[].concat(t(n),t(r))}(m),v={_stack:g,_ref:n};return q.jsx(ne,r(r({merge:v,"data-theme":l,"data-lang":f},c),{},{children:q.jsx(be,{tokens:u,handlers:m,annotations:p})}))}));function be(e){var n=e.tokens,t=e.handlers,a=e.annotations,o=function(e){for(var n=[[]],t=e.slice(),a=1;t.length;){var o=t.shift();if("string"==typeof o){var s=o.split("\n"),u=c(s),l=u[0],f=u.slice(1);if(l){var p=a;a+=l.length,n[n.length-1].push({value:l,range:[p,a]})}f.length&&(n[n.length-1].push({value:"\n",range:[a,a+1]}),n.push([]),a=1,t.unshift(f.join("\n")))}else{var d=i(o,3),m=d[0],g=d[1],v=d[2],y=void 0===v?{}:v,h=a;a+=m.length,n[n.length-1].push({value:m,style:r({color:g},y),range:[h,a]})}}var b=n.length;return n.map((function(e,n){var t,r,a;return{tokens:e,range:[n+1,n+1],lineNumber:n+1,indentation:(null===(a=null===(r=null===(t=e[0])||void 0===t?void 0:t.value)||void 0===r?void 0:r.replace(/\t/g," ").match(/^\s*/))||void 0===a?void 0:a[0].length)||0,totalLines:b}}))}(n),s=a.filter(S),u=a.filter(j),l=function(e,n){for(var t=e,r=n.length-1;r>=0;r--)t=fe(t,n[r]);return t}(o,s);return me({linesOrGroups:l,handlers:t,inlineAnnotations:u})}var ke="h1hvsyfb";function we(e){var n=e.text,t=m(!1),r=i(t,2),a=r[0],o=r[1];return f.createElement("button",{"aria-label":"Copy to clipboard",onClick:function(){navigator.clipboard.writeText(n),o(!0),setTimeout((function(){o(!1)}),1200)},className:ke},a?f.createElement(k,{size:16}):f.createElement(w,{size:16}))}var Ee={type:"light",colors:{"list.focusForeground":"#FFFFFF","scrollbar.shadow":"#ffffff00","tab.activeBorder":"#ffffff","widget.shadow":"#ffffff00","activityBar.border":"#D9D7D5","editorGroup.border":"#D9D7D5","editorGroupHeader.tabsBorder":"#D9D7D5","editorWidget.border":"#D9D7D5","editorWidget.resizeBorder":"#D9D7D5","input.border":"#D9D7D5","notificationCenter.border":"#D9D7D5","notifications.border":"#D9D7D5","panel.border":"#D9D7D5","sideBar.border":"#D9D7D5","statusBar.border":"#D9D7D5","tab.border":"#D9D7D5","activityBar.background":"#ECECEC","statusBar.background":"#ECECEC","statusBar.noFolderBackground":"#ECECEC","statusBar.debuggingBackground":"#ECECEC","editorGroupHeader.tabsBackground":"#F5F5F5","editorWidget.background":"#F5F5F5","sideBar.background":"#F5F5F5","sideBarSectionHeader.background":"#F5F5F5","tab.inactiveBackground":"#F5F5F5","activityBarBadge.background":"#282828","activityBar.foreground":"#282828","statusBar.foreground":"#565456","input.placeholderForeground":"#C7C6C5","editorLineNumber.foreground":"#A6A6A6","editorLineNumber.activeForeground":"#282828",foreground:"#282828","panelTitle.activeForeground":"#282828","sideBarTitle.foreground":"#282828","sideBarSectionHeader.foreground":"#282828","panelTitle.inactiveForeground":"#242424","tab.inactiveForeground":"#242424","list.highlightForeground":"#242424","editor.lineHighlightBackground":"#EEF5FE",focusBorder:"#82ADF3","button.background":"#3C93FD","list.activeSelectionBackground":"#3C93FD","list.focusBackground":"#3C93FD","selection.background":"#B3D7FF","list.inactiveSelectionBackground":"#CECECE","terminal.ansiBlack":"#000000","terminal.ansiBrightBlack":"#000000","terminal.ansiRed":"#C41A16","terminal.ansiBrightRed":"#C41A16","terminal.ansiGreen":"#007400","terminal.ansiBrightGreen":"#007400","terminal.ansiYellow":"#643820","terminal.ansiBrightYellow":"#643820","terminal.ansiBlue":"#272AD8","terminal.ansiBrightBlue":"#272AD8","terminal.ansiMagenta":"#AA0D91","terminal.ansiBrightMagenta":"#AA0D91","terminal.ansiCyan":"#3F6E74","terminal.ansiBrightCyan":"#3F6E74"},tokenColors:[{scope:"new.expr entity.name",settings:{foreground:"#713DA9"}},{name:"Comments",scope:["comment","comment storage.type"],settings:{foreground:"#536579",fontStyle:"italic"}},{name:"CSS",scope:["entity.other.attribute-name.pseudo-class.css","entity.other.attribute-name.pseudo-class.scss","entity.other.attribute-name.pseudo-element.css","entity.other.attribute-name.pseudo-element.scss","support.function.calc.css","support.function.calc.scss","support.type.property-name.css","support.type.property-name.scss","support.type.vendored.property-name.css","support.type.vendored.property-name.scss","meta.property-value.css support.constant","meta.property-value.scss support.constant","meta.property-value.css support.constant.property-value","meta.property-value.scss support.constant.property-value","support.function.transform.css","support.function.transform.scss"],settings:{foreground:"#AA0D91"}},{name:"Decorator",scope:["meta.decorator","meta.decorator punctuation.decorator","meta.decorator variable.other.readwrite","meta.decorator meta.function-call entity.name.function"],settings:{foreground:"#643820"}},{name:"Doctype",scope:["meta.tag.sgml.html"],settings:{foreground:"#A6A6A6"}},{name:"Functions",scope:["entity.name.function","support.function"],settings:{foreground:"#7051d4"}},{name:"Keys",scope:["meta.property-list meta.property-name","support.type.property-name","support.type.map.key","entity.name.tag.yaml"],settings:{foreground:"#7051d4"}},{name:"Keywords",scope:["keyword.control","keyword.declaration","keyword.expressions-and-types","keyword.operator.new","keyword.reserved","keyword.statement","storage.type","storage.modifier","constant.language","variable.language.super","variable.language.this","text.html entity.name.tag","meta.tag entity.name.tag","meta.tag support.class","string.regexp keyword.other"],settings:{foreground:"#AD3DA4",fontStyle:"bold"}},{name:"Operators",scope:["storage.type.function.arrow","meta.template.expression punctuation","punctuation.separator.key-value","meta.object-literal.key meta.brace.square","meta.template.expression keyword.operator","keyword.operator.or.regexp","keyword.operator.quantifier","punctuation.definition.group.regexp","punctuation.definition.character-class"],settings:{foreground:"#000000"}},{scope:["meta.tag entity.other.attribute-name","constant.character.escape.backslash"],settings:{foreground:"#816927"}},{name:"Numbers",scope:["constant.numeric","keyword.other.unit","constant.other.color"],settings:{foreground:"#272AD8"}},{name:"Strings",scope:["string","variable.parameter.url.scss","markup.heading.markdown","beginning.punctuation.definition.list.markdown","meta.template.expression meta.embedded punctuation.definition.string.begin","meta.template.expression meta.embedded punctuation.definition.string.end"],settings:{foreground:"#D12F1B"}},{name:"Types",scope:["meta.type","meta.return.type","entity.name.type","support.type.primitive"],settings:{foreground:"#713DA9"}},{scope:["meta.objectliteral variable.other.object","entity.name.type.module","entity.other.inherited-class","variable.scss","variable.other.bracket.shell","entity.name.function.scss"],settings:{foreground:"#3F6E74"}},{scope:["keyword.control.at-rule","meta.import variable.other.readwrite","meta.definition.variable variable.other.readwrite","meta.definition.variable variable.other.constant","meta.template.expression variable.other.readwrite","meta.template.expression variable.other.constant","support.constant.property-value"],settings:{foreground:"#000000"}},{scope:["variable.other.property","variable.other.object.property","support.variable.property"],settings:{foreground:"#713DA9"}}]},_e="h1y6o0jn",xe="h97thnz",De="lif8pqn",Se="b1kpexyx",je="d1rpynm3",Ce="dl1m2ja",Fe="clblb2f",Ne="hulbopn",Oe="h4abprr",Re="h11cz9ao",Be="l17rl0pt",Ae="_1ilv7sf",Te="h1qcolfq";function Pe(e){var t,r,a,o,s=m([]),c=i(s,2),u=c[0],p=c[1];return g((function(){!function(){l(this,void 0,void 0,n().mark((function t(){var r,a;return n().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,Promise.all(null===(r=e.codeblocks)||void 0===r?void 0:r.map((function(e){return N(e,Ee)})));case 2:a=n.sent,p(a);case 4:case"end":return n.stop()}}),t)})))}()}),[e.codeblocks]),0===u.length?f.createElement("div",null,"Loading"):u?f.createElement(v.Root,{className:_e,style:null===(t=u[0])||void 0===t?void 0:t.style,defaultValue:null===(r=u[0])||void 0===r?void 0:r.meta},f.createElement("div",{className:xe},f.createElement(Le,{description:e.description}),f.createElement(v.List,{className:De},null===(a=e.codeblocks)||void 0===a?void 0:a.map((function(e,n){var t=e.meta;return f.createElement(v.Trigger,{value:t,key:n,className:Se},t)}))),f.createElement("div",{className:Fe},null===(o=e.codeblocks)||void 0===o?void 0:o.map((function(e,n){return f.createElement(v.Content,{value:e.meta,asChild:!0,key:n},f.createElement(we,{text:e.value}))})))),null==u?void 0:u.map((function(n,t){return f.createElement(v.Content,{value:n.meta,key:t},f.createElement(he,{className:"\n ".concat(Ne,"\n ").concat("full"===(null==e?void 0:e.size)&&Oe,"\n "),style:(null==n?void 0:n.style)||(null==n?void 0:n.style),code:n,handlers:[$e,Ie]}))}))):f.createElement("div",null,"Loading")}function Le(e){return f.createElement("div",{className:je},f.createElement("div",{className:Ce},e.description))}var $e={name:"Mark",Line:function(e){var n=e.annotation,t=u(e,["annotation"]);return f.createElement("div",{className:"".concat(Re," ").concat(n&&Ae)},f.createElement(te,{merge:t,className:Be}))}},Ie={name:"LineNumber",Line:function(e){e.annotation;var n=u(e,["annotation"]),t=n.totalLines.toString().length+1;return f.createElement(f.Fragment,null,f.createElement("span",{style:{minWidth:"".concat(t,"ch")},className:Te},n.lineNumber),f.createElement(te,{merge:n}))}};export{Pe as C};
|
|
2
|
-
//# sourceMappingURL=CodeSample-CB5kEkeK.js.map
|