@tabler/core 1.0.0-beta22 → 1.0.0-beta24

package/docs/ui/plugins/flags.mdx

@@ -1,8 +1,9 @@
 ---
 title: Flags
-description: Thanks to the Tabler flags plugin, you can create flags to visually represent countries or languages. Flags are often used in forms, as an element of a delivery address, phone number dialling code and many more.
+summary: Thanks to the Tabler flags plugin, you can create flags to visually represent countries or languages. Flags are often used in forms, as an element of a delivery address, phone number dialling code and many more.
 plugin: flags
 libs: tabler-flags
+description: Visual representation of countries/languages.
 ---
 
 ## Installation
@@ -17,9 +18,23 @@ You can also include plugin via CDN:
 
 ## Flag
 
-To create a flag, add the `flag` class to a component and choose the country whose flag you want to use. The full list of countries can be found below.
+To create a flag, add the `flag` class to a component and choose the country whose flag you want to use. 
 
-```html code example centered separated plugins="flags"
+```html example centered separated plugins="flags"
+<span class="flag flag-country-us"></span>
+```
+
+
+## Country flags
+
+To use the flag of a particular country, add the `flag-country-(country name)` class. For example, to create a flag of Andorra should use the following class: `.flag-country-ad`. Full list of countries can be found below.
+
+```html
+<span class="flag flag-country-ad"></span>
+<span class="flag flag-country-ae"></span>
+```
+
+```html example centered separated plugins="flags"
 <span class="flag flag-country-tg"></span>
 <span class="flag flag-country-br"></span>
 <span class="flag flag-country-pt"></span>
@@ -45,8 +60,257 @@ Using Bootstrap’s typical naming structure, you can create a standard flag, or
 <span class="flag flag-xs ..."></span>
 ```
 
-## Types
+## Flags list
 
-To use the flag of a particular country, add the `flag-country-(country name)` class. For example, to create a flag of Andorra should use the following class: `.flag-country-ad`.
+The full list of countries can be found below.
 
-<FlagsTable />
+<FlagsTable countries={[
+  { "name": "Andorra", "code": "ad" },
+  { "name": "United Arab Emirates", "code": "ae" },
+  { "name": "Afghanistan", "code": "af" },
+  { "name": "Antigua", "code": "ag" },
+  { "name": "Anguilla", "code": "ai" },
+  { "name": "Armenia", "code": "am" },
+  { "name": "Angolan", "code": "ao" },
+  { "name": "Antarctica", "code": "aq" },
+  { "name": "Argentina", "code": "ar" },
+  { "name": "American Samoa", "code": "as" },
+  { "name": "Austria", "code": "at" },
+  { "name": "Australia", "code": "au" },
+  { "name": "Aruba", "code": "aw" },
+  { "name": "Aslan Islands", "code": "ax" },
+  { "name": "Azerbaijan", "code": "az" },
+  { "name": "Bosnian", "code": "ba" },
+  { "name": "Barbados", "code": "bb" },
+  { "name": "Belgium", "code": "be" },
+  { "name": "Burkina Faso", "code": "bf" },
+  { "name": "Bulgaria", "code": "bg" },
+  { "name": "Bahrain", "code": "bh" },
+  { "name": "Burundi", "code": "bi" },
+  { "name": "Benin", "code": "bj" },
+  { "name": "Saint-Barthélemy", "code": "bl" },
+  { "name": "Bermuda", "code": "bm" },
+  { "name": "Bruneian", "code": "bn" },
+  { "name": "Bolivia", "code": "bo" },
+  { "name": "Bonaire", "code": "bq-bo" },
+  { "name": "Brazil", "code": "br" },
+  { "name": "Bahamas", "code": "bs" },
+  { "name": "Bhutan", "code": "bt" },
+  { "name": "Bouvet Island", "code": "bv" },
+  { "name": "Batswana", "code": "bw" },
+  { "name": "Belarus", "code": "by" },
+  { "name": "Belize", "code": "bz" },
+  { "name": "Canada", "code": "ca" },
+  { "name": "Cocos Island", "code": "cc" },
+  { "name": "Democratic Republic of Congo", "code": "cd" },
+  { "name": "Central African Republic", "code": "cf" },
+  { "name": "Republic of the Congo", "code": "cg" },
+  { "name": "Switzerland", "code": "ch" },
+  { "name": "Ivory Coast", "code": "ci" },
+  { "name": "Cook Island", "code": "ck" },
+  { "name": "Chile", "code": "cl" },
+  { "name": "Cameroon", "code": "cm" },
+  { "name": "China", "code": "cn" },
+  { "name": "Colombia", "code": "co" },
+  { "name": "Costa Rica", "code": "cr" },
+  { "name": "Cuba", "code": "cu" },
+  { "name": "Cape Verde", "code": "cv" },
+  { "name": "Curacao", "code": "cw" },
+  { "name": "Christmas Island", "code": "cx" },
+  { "name": "Cyprus", "code": "cy" },
+  { "name": "Czech Republic", "code": "cz" },
+  { "name": "Germany", "code": "de" },
+  { "name": "Djibouti", "code": "dj" },
+  { "name": "Denmark", "code": "dk" },
+  { "name": "Dominica", "code": "dm" },
+  { "name": "Dominican Republic", "code": "do" },
+  { "name": "Algeria", "code": "dz" },
+  { "name": "Ecuador", "code": "ec" },
+  { "name": "Estonia", "code": "ee" },
+  { "name": "Egypt", "code": "eg" },
+  { "name": "Sahrawi", "code": "eh" },
+  { "name": "Eritrea", "code": "er" },
+  { "name": "Spain", "code": "es" },
+  { "name": "Ethiopia", "code": "et" },
+  { "name": "European Union", "code": "eu" },
+  { "name": "Finland", "code": "fi" },
+  { "name": "Fiji", "code": "fj" },
+  { "name": "Falkland Islands", "code": "fk" },
+  { "name": "Federate States of Micronesia", "code": "fm" },
+  { "name": "Faroe Islands", "code": "fo" },
+  { "name": "France", "code": "fr" },
+  { "name": "Gabon", "code": "ga" },
+  { "name": "Great Britain", "code": "gb" },
+  { "name": "England", "code": "gb-eng" },
+  { "name": "Northern Ireland", "code": "gb-nir" },
+  { "name": "Scotland", "code": "gb-sct" },
+  { "name": "Wales", "code": "gb-wls" },
+  { "name": "Grenada", "code": "gd" },
+  { "name": "Georgia", "code": "ge" },
+  { "name": "Guyana", "code": "gf" },
+  { "name": "Guernsey", "code": "gg" },
+  { "name": "Ghana", "code": "gh" },
+  { "name": "Gibraltar", "code": "gi" },
+  { "name": "Greenland", "code": "gl" },
+  { "name": "Gambia", "code": "gm" },
+  { "name": "Guinea", "code": "gn" },
+  { "name": "Guadeloupe", "code": "gp" },
+  { "name": "Equatorial Guinea", "code": "gq" },
+  { "name": "Greece", "code": "gr" },
+  { "name": "South Georgia", "code": "gs" },
+  { "name": "Guatemala", "code": "gt" },
+  { "name": "Guam", "code": "gu" },
+  { "name": "Guinea-Bissau", "code": "gw" },
+  { "name": "Guyana", "code": "gy" },
+  { "name": "Hong Kong", "code": "hk" },
+  { "name": "Heard and McDonald Islands", "code": "hm" },
+  { "name": "Honduras", "code": "hn" },
+  { "name": "Croatia", "code": "hr" },
+  { "name": "Haiti", "code": "ht" },
+  { "name": "Hungary", "code": "hu" },
+  { "name": "Indonesia", "code": "id" },
+  { "name": "Ireland", "code": "ie" },
+  { "name": "Israel", "code": "il" },
+  { "name": "Isle of Man", "code": "im" },
+  { "name": "India", "code": "in" },
+  { "name": "British Indian Ocean Territory", "code": "io" },
+  { "name": "Iraq", "code": "iq" },
+  { "name": "Iran", "code": "ir" },
+  { "name": "Iceland", "code": "is" },
+  { "name": "Italy", "code": "it" },
+  { "name": "Jersey", "code": "je" },
+  { "name": "Jamaica", "code": "jm" },
+  { "name": "Jordan", "code": "jo" },
+  { "name": "Japan", "code": "jp" },
+  { "name": "Kenya", "code": "ke" },
+  { "name": "Kyrgyzstan", "code": "kg" },
+  { "name": "Cambodia", "code": "kh" },
+  { "name": "Kiribati", "code": "ki" },
+  { "name": "Comoros", "code": "km" },
+  { "name": "Saint Kitts and Nevis", "code": "kn" },
+  { "name": "North Korea", "code": "kp" },
+  { "name": "South Korea", "code": "kr" },
+  { "name": "Kuwait", "code": "kw" },
+  { "name": "Cayman Islands", "code": "ky" },
+  { "name": "Kazakhstan", "code": "kz" },
+  { "name": "Laos", "code": "la" },
+  { "name": "Lebanese", "code": "lb" },
+  { "name": "Saint Lucia", "code": "lc" },
+  { "name": "Liechtenstein", "code": "li" },
+  { "name": "Sri Lanka", "code": "lk" },
+  { "name": "Liberia", "code": "lr" },
+  { "name": "Lesotho", "code": "ls" },
+  { "name": "Lithuania", "code": "lt" },
+  { "name": "Luxembourg", "code": "lu" },
+  { "name": "Latvia", "code": "lv" },
+  { "name": "Libya", "code": "ly" },
+  { "name": "Morocco", "code": "ma" },
+  { "name": "Monaco", "code": "mc" },
+  { "name": "Moldova", "code": "md" },
+  { "name": "Montenegro", "code": "me" },
+  { "name": "Saint Martin", "code": "mf" },
+  { "name": "Madagascar", "code": "mg" },
+  { "name": "Marshall Islands", "code": "mh" },
+  { "name": "Macedonia", "code": "mk" },
+  { "name": "Mali", "code": "ml" },
+  { "name": "Myanmar", "code": "mm" },
+  { "name": "Mongolia", "code": "mn" },
+  { "name": "Macao", "code": "mo" },
+  { "name": "Northern Mariana Islands", "code": "mp" },
+  { "name": "Martinique", "code": "mq" },
+  { "name": "Mauritania", "code": "mr" },
+  { "name": "Montserrat", "code": "ms" },
+  { "name": "Malta", "code": "mt" },
+  { "name": "Mauritius", "code": "mu" },
+  { "name": "Maldives", "code": "mv" },
+  { "name": "Malawi", "code": "mw" },
+  { "name": "Mexico", "code": "mx" },
+  { "name": "Malaysia", "code": "my" },
+  { "name": "Mozambique", "code": "mz" },
+  { "name": "Namibia", "code": "na" },
+  { "name": "New Caledonia", "code": "nc" },
+  { "name": "Niger", "code": "ne" },
+  { "name": "Norfolk Island", "code": "nf" },
+  { "name": "Nigeria", "code": "ng" },
+  { "name": "Nicaragua", "code": "ni" },
+  { "name": "Norway", "code": "no" },
+  { "name": "Nepal", "code": "np" },
+  { "name": "Nauruan", "code": "nr" },
+  { "name": "New Zealand", "code": "nz" },
+  { "name": "Oman", "code": "om" },
+  { "name": "Panama", "code": "pa" },
+  { "name": "Peru", "code": "pe" },
+  { "name": "French Polynesia", "code": "pf" },
+  { "name": "Papua New Guinea", "code": "pg" },
+  { "name": "Philippines", "code": "ph" },
+  { "name": "Pakistan", "code": "pk" },
+  { "name": "Poland", "code": "pl" },
+  { "name": "Saint Pierre", "code": "pm" },
+  { "name": "Pitcairn Islands", "code": "pn" },
+  { "name": "Puerto Rico", "code": "pr" },
+  { "name": "Palestine", "code": "ps" },
+  { "name": "Portugal", "code": "pt" },
+  { "name": "Palau", "code": "pw" },
+  { "name": "Paraguay", "code": "py" },
+  { "name": "Qatar", "code": "qa" },
+  { "name": "Reunion Island", "code": "re" },
+  { "name": "Romania", "code": "ro" },
+  { "name": "Serbia", "code": "rs" },
+  { "name": "Russia", "code": "ru" },
+  { "name": "Rwanda", "code": "rw" },
+  { "name": "Saudi Arabia", "code": "sa" },
+  { "name": "Solomon Islands", "code": "sb" },
+  { "name": "Seychelles", "code": "sc" },
+  { "name": "Sudan", "code": "sd" },
+  { "name": "Sweden", "code": "se" },
+  { "name": "Singapore", "code": "sg" },
+  { "name": "Saint Helena", "code": "sh" },
+  { "name": "Slovenia", "code": "si" },
+  { "name": "Svalbard Island", "code": "sj" },
+  { "name": "Slovakia", "code": "sk" },
+  { "name": "Sierra Leone", "code": "sl" },
+  { "name": "San Marino", "code": "sm" },
+  { "name": "Senegal", "code": "sn" },
+  { "name": "Somalia", "code": "so" },
+  { "name": "Suriname", "code": "sr" },
+  { "name": "South Sudan", "code": "ss" },
+  { "name": "Sao Tome", "code": "st" },
+  { "name": "El Salvador", "code": "sv" },
+  { "name": "Sint Maarten", "code": "sx" },
+  { "name": "Syria", "code": "sy" },
+  { "name": "Swaziland", "code": "sz" },
+  { "name": "Turks and Caicos", "code": "tc" },
+  { "name": "Chad", "code": "td" },
+  { "name": "French Southern and Antarctic Lands", "code": "tf" },
+  { "name": "Togo", "code": "tg" },
+  { "name": "Thailand", "code": "th" },
+  { "name": "Tajikistan", "code": "tj" },
+  { "name": "Tokelau", "code": "tk" },
+  { "name": "Timor Leste", "code": "tl" },
+  { "name": "Turkmenistan", "code": "tm" },
+  { "name": "Tunisia", "code": "tn" },
+  { "name": "Tonga", "code": "to" },
+  { "name": "Turkey", "code": "tr" },
+  { "name": "Trinidad and Tobago", "code": "tt" },
+  { "name": "Tuvalu", "code": "tv" },
+  { "name": "Tanzania", "code": "tz" },
+  { "name": "Ukraine", "code": "ua" },
+  { "name": "Uganda", "code": "ug" },
+  { "name": "United States Minor Islands", "code": "um" },
+  { "name": "United States of America", "code": "us" },
+  { "name": "Uruguay", "code": "uy" },
+  { "name": "Uzbekistan", "code": "uz" },
+  { "name": "Vatican City", "code": "va" },
+  { "name": "Saint Vincent", "code": "vc" },
+  { "name": "Venezuela", "code": "ve" },
+  { "name": "British Virgin Islands", "code": "vg" },
+  { "name": "Virgin Islands", "code": "vi" },
+  { "name": "Vietnam", "code": "vn" },
+  { "name": "Vanuatu", "code": "vu" },
+  { "name": "Wallis and Futuna", "code": "wf" },
+  { "name": "Samoa", "code": "ws" },
+  { "name": "Yemen", "code": "ye" },
+  { "name": "South Africa", "code": "za" },
+  { "name": "Zambia", "code": "zm" },
+  { "name": "Zimbabwe", "code": "zw" }
+]}/>

package/docs/ui/plugins/index.mdx

@@ -0,0 +1,6 @@
+---
+title: Plugins
+order: 7
+description: Enhance Tabler UI with useful plugins.
+summary: Tabler plugins extend the functionality of the framework, providing additional tools and features to enhance your projects and streamline the development process.
+---

package/docs/ui/plugins/payments.mdx

@@ -1,7 +1,8 @@
 ---
 title: Payments
-description: The Tabler payments plug-in will let you use a set of payment provider icons to facilitate the payment process and make it more-user friendly.
+summary: The Tabler payments plug-in will let you use a set of payment provider icons to facilitate the payment process and make it more-user friendly.
 plugin: payments
+description: User-friendly payment provider icons.
 ---
 
 ## Installation
@@ -18,7 +19,7 @@ You can also include plugin via CDN:
 
 To create a payment provider icon, add the `payment` class to a component and specify the payment provider. The full list of payment providers can be found below.
 
-```html example code plugins="payments" separated centered
+```html example plugins="payments" separated centered background="bg-light"
 <span class="payment payment-provider-shopify"></span>
 <span class="payment payment-provider-visa"></span>
 <span class="payment payment-provider-paypal"></span>
@@ -28,7 +29,7 @@ To create a payment provider icon, add the `payment` class to a component and sp
 
 Using Bootstrap’s typical naming structure, you can create a standard payment, or scale it up or down to different sizes based on what’s needed.
 
-```html example code plugins="payments" separated centered
+```html example plugins="payments" separated centered background="bg-light"
 <span class="payment payment-xl payment-provider-shopify"></span>
 <span class="payment payment-lg payment-provider-visa"></span>
 <span class="payment payment-md payment-provider-paypal"></span>
@@ -40,4 +41,107 @@ Using Bootstrap’s typical naming structure, you can create a standard payment,
 
 Select an icon from the list of payment providers. Each icon comes in two color variants - light and dark, so you can choose the one that goes well with your design.
 
-<PaymentsTable />
+<PaymentsTable providers={[
+	{ "name": "2c2p", "code": "2c2p" },
+  { "name": "2checkout", "code": "2checkout" },
+  { "name": "Adyen", "code": "adyen" },
+  { "name": "Affirm", "code": "affirm" },
+  { "name": "Alipay Plus", "code": "alipay-plus" },
+  { "name": "Alipay", "code": "alipay" },
+  { "name": "Allegro Pay", "code": "allegro-pay" },
+  { "name": "Amazon Pay", "code": "amazon-pay" },
+  { "name": "Amazon", "code": "amazon" },
+  { "name": "American Express", "code": "americanexpress" },
+  { "name": "Apple Pay", "code": "applepay" },
+  { "name": "Authorize", "code": "authorize" },
+  { "name": "Autopay", "code": "autopay" },
+  { "name": "Bancontact", "code": "bancontact" },
+  { "name": "Binance USD", "code": "binance-usd" },
+  { "name": "Bitcoin", "code": "bitcoin" },
+  { "name": "BitPay", "code": "bitpay" },
+  { "name": "Bkash", "code": "bkash" },
+  { "name": "Blik", "code": "blik" },
+  { "name": "Braintree", "code": "braintree" },
+  { "name": "Cash App", "code": "cash-app" },
+  { "name": "Chime", "code": "chime" },
+  { "name": "Cirrus", "code": "cirrus" },
+  { "name": "ClickandBuy", "code": "clickandbuy" },
+  { "name": "Coinkite", "code": "coinkite" },
+  { "name": "Diners Club", "code": "dinersclub" },
+  { "name": "Direct Debit", "code": "directdebit" },
+  { "name": "Discover", "code": "discover" },
+  { "name": "Dotpay", "code": "dotpay" },
+  { "name": "Dwolla", "code": "dwolla" },
+  { "name": "EasyPaisa", "code": "easypaisa" },
+  { "name": "eBay", "code": "ebay" },
+  { "name": "Elo", "code": "elo" },
+  { "name": "ePayco", "code": "epayco" },
+  { "name": "Ethereum", "code": "ethereum" },
+  { "name": "eWay", "code": "eway" },
+  { "name": "Giropay", "code": "giropay" },
+  { "name": "Google Pay", "code": "google-pay" },
+  { "name": "Google Wallet", "code": "googlewallet" },
+  { "name": "HubSpot", "code": "hubspot" },
+  { "name": "Ingenico", "code": "ingenico" },
+  { "name": "iDeal", "code": "ideal" },
+  { "name": "JCB", "code": "jcb" },
+  { "name": "Klarna", "code": "klarna" },
+  { "name": "Laser", "code": "laser" },
+  { "name": "Litecoin", "code": "litecoin" },
+  { "name": "Maestro", "code": "maestro" },
+  { "name": "Mastercard", "code": "mastercard" },
+  { "name": "Mercado Pago", "code": "mercado-pago" },
+  { "name": "MetaMask", "code": "metamask" },
+  { "name": "MIR", "code": "mir" },
+  { "name": "Monero", "code": "monero" },
+  { "name": "MoneyGram", "code": "moneygram" },
+  { "name": "Neteller", "code": "neteller" },
+  { "name": "Ogone", "code": "ogone" },
+  { "name": "OKPay", "code": "okpay" },
+  { "name": "OpenSea", "code": "opensea" },
+  { "name": "Paybox", "code": "paybox" },
+  { "name": "Payconiq", "code": "payconiq" },
+  { "name": "Payka", "code": "payka" },
+  { "name": "Payline", "code": "payline" },
+  { "name": "Paymill", "code": "paymill" },
+  { "name": "Payone", "code": "payone" },
+  { "name": "Payoneer", "code": "payoneer" },
+  { "name": "PayPal", "code": "paypal" },
+  { "name": "PayPo", "code": "paypo" },
+  { "name": "Paysafe", "code": "paysafe" },
+  { "name": "Paysafecard", "code": "paysafecard" },
+  { "name": "PayU", "code": "payu" },
+  { "name": "Payza", "code": "payza" },
+  { "name": "Poli", "code": "poli" },
+  { "name": "Przelewy24", "code": "przelewy24" },
+  { "name": "Revolut Pay", "code": "revolut-pay" },
+  { "name": "Ripple", "code": "ripple" },
+  { "name": "Sage", "code": "sage" },
+  { "name": "Samsung Pay", "code": "samsung-pay" },
+  { "name": "SEPA", "code": "sepa" },
+  { "name": "Shop Pay", "code": "shop-pay" },
+  { "name": "Shopify", "code": "shopify" },
+  { "name": "Skrill", "code": "skrill" },
+  { "name": "Solana", "code": "solana" },
+  { "name": "Solo", "code": "solo" },
+  { "name": "Spingo", "code": "spingo" },
+  { "name": "Square", "code": "square" },
+  { "name": "Stax", "code": "stax" },
+  { "name": "Stripe", "code": "stripe" },
+  { "name": "Switch", "code": "switch" },
+  { "name": "Tether", "code": "tether" },
+  { "name": "Tpay", "code": "tpay" },
+  { "name": "True USD", "code": "true-usd" },
+  { "name": "Ukash", "code": "ukash" },
+  { "name": "UnionPay", "code": "unionpay" },
+  { "name": "Venmo", "code": "venmo" },
+  { "name": "Verifone", "code": "verifone" },
+  { "name": "Verisign", "code": "verisign" },
+  { "name": "Visa", "code": "visa" },
+  { "name": "WeChat Pay", "code": "we-chat-pay" },
+  { "name": "WebMoney", "code": "webmoney" },
+  { "name": "Western Union", "code": "westernunion" },
+  { "name": "Wise", "code": "wise" },
+  { "name": "Worldpay", "code": "worldpay" },
+  { "name": "Zelle", "code": "zelle" }
+]}/>

package/docs/ui/plugins/social-icons.mdx

@@ -0,0 +1,135 @@
+---
+title: Social Icons
+summary: Social icons are a great way to make your website more engaging and user-friendly. You can use social icons to help users quickly find your social media profiles and connect with you.
+plugin: socials
+libs: tabler-socials
+description: Connect users to your social profiles.
+---
+
+## Installation
+
+This part of Tabler is distributed as plugin. To enable it you should include `tabler-socials.css` or `tabler-socials.min.css` file to your page.
+
+You can also include plugin via CDN:
+
+```html
+<link rel="stylesheet" href="$TABLER_CDN/dist/css/tabler-socials.min.css">
+```
+
+## Social icons
+
+To create a social icon, add the `social` class to a component and choose the country whose flag you want to use. 
+
+```html example centered separated plugins="socials"
+<span class="social social-app-facebook"></span>
+<span class="social social-app-x"></span>
+<span class="social social-app-instagram"></span>
+```
+
+## Social apps list
+
+Here is a list of all available social apps:
+
+<SocialsTable apps={[
+  {
+    "name": "Apple",
+    "file": "apple"
+  },
+  {
+    "name": "Discord",
+    "file": "discord"
+  },
+  {
+    "name": "Dribbble",
+    "file": "dribbble"
+  },
+  {
+    "name": "Facebook",
+    "file": "facebook"
+  },
+  {
+    "name": "Figma",
+    "file": "figma"
+  },
+  {
+    "name": "GitHub",
+    "file": "github"
+  },
+  {
+    "name": "Google",
+    "file": "google"
+  },
+  {
+    "name": "Instagram",
+    "file": "instagram"
+  },
+  {
+    "name": "LinkedIn",
+    "file": "linkedin"
+  },
+  {
+    "name": "Medium",
+    "file": "medium"
+  },
+  {
+    "name": "Meta",
+    "file": "meta"
+  },
+  {
+    "name": "MetaMask",
+    "file": "metamask"
+  },
+  {
+    "name": "Pinterest",
+    "file": "pinterest"
+  },
+  {
+    "name": "Reddit",
+    "file": "reddit"
+  },
+  {
+    "name": "Signal",
+    "file": "signal"
+  },
+  {
+    "name": "Skype",
+    "file": "skype"
+  },
+  {
+    "name": "Snapchat",
+    "file": "snapchat"
+  },
+  {
+    "name": "Spotify",
+    "file": "spotify"
+  },
+  {
+    "name": "Telegram",
+    "file": "telegram"
+  },
+  {
+    "name": "TikTok",
+    "file": "tiktok"
+  },
+  {
+    "name": "Tumblr",
+    "file": "tumblr"
+  },
+  {
+    "name": "Twitch",
+    "file": "twitch"
+  },
+  {
+    "name": "VK",
+    "file": "vk"
+  },
+  {
+    "name": "X (Twitter)",
+    "file": "x"
+  },
+  {
+    "name": "YouTube",
+    "file": "youtube"
+  }
+]} />
+