@tabler/core 1.0.0-beta22 → 1.0.0-beta23

package/docs/ui/getting-started/development.mdx

@@ -0,0 +1,32 @@
+---
+title: Development
+description: Learn how to install Tabler and set up the development environment.
+summary: This guide provides step-by-step instructions for setting up the environment, including installing Node.js, Ruby, and Bundler, configuring the build system, and running Tabler locally to preview changes in real-time, along with guidance on reporting bugs or submitting feature requests through GitHub.
+order: 11
+---
+
+## Set up the environment
+
+To use our build system and run our documentation locally, you'll need a copy of Tabler's source files. Follow the steps below:
+
+1. [Install Node.js](https://nodejs.org/download/), which we use to manage our dependencies.
+2. Navigate to the root `/tabler` directory and run `npm install` to install our local dependencies listed in `package.json`.
+3. [Install Ruby](https://ruby-lang.org/en/documentation/installation/) - the recommended version is [2.5.5](https://cache.ruby-lang.org/pub/ruby/2.5/ruby-2.5.5.tar.gz).
+4. [Install Bundler](https://bundler.io) with `gem install bundler` and, finally, run `bundle install`. It will install all Ruby dependencies, such as [Jekyll and plugins](https://jekyllrb.com).
+
+### Windows users
+1. [Install Git](https://git-scm.com/download/win) in `C:\Program Files\git\bin` directory and run `npm config set script-shell "C:\Program Files\git\bin\bash.exe"` to change the default shell.
+2. [Install Ruby+Devkit](https://rubyinstaller.org/downloads/) - recommended version is [2.5.5](https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-2.5.5-1/rubyinstaller-devkit-2.5.5-1-x86.exe).
+3. [Read guide](https://jekyllrb.com/docs/installation/windows/) to get Jekyll up and running without problems.
+
+Once you've completed the setup, you'll be able to run the various commands provided from the command line.
+
+## Build Tabler locally
+
+1. From the root `/tabler` directory, run `npm run start` in the command line.
+2. Open [http://localhost:3000](http://localhost:3000) in your browser, and voilà.
+3. Any change in `/src` directory will build the application and refresh the page.
+
+## Bugs and feature requests
+
+Found a bug or have a feature request? [Please open a new issue](https://github.com/tabler/tabler/issues/new).

package/docs/ui/getting-started/download.mdx

@@ -1,6 +1,7 @@
 ---
 title: Download
-description: Download Tabler to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, yarn and more.
+summary: Download Tabler to get the compiled CSS and JavaScript, source code, or include it with your favorite package managers like npm, yarn and more.
+description: Get Tabler CSS, JS, and source code.
 ---
 
 ## CDN via jsDelivr
@@ -17,6 +18,7 @@ You can also include additional Tabler plugins:
 ```html
 <link rel="stylesheet" href="$TABLER_CDN/dist/css/tabler-flags.min.css">
 <link rel="stylesheet" href="$TABLER_CDN/dist/css/tabler-payments.min.css">
+<link rel="stylesheet" href="$TABLER_CDN/dist/css/tabler-social.min.css">
 <link rel="stylesheet" href="$TABLER_CDN/dist/css/tabler-vendors.min.css">
 ```
 
@@ -26,10 +28,6 @@ Install Tabler in your Node.js powered apps with the npm package:
 
 <TabsPackage name="@tabler/core" />
 
-OR install for Webfonts
-
-<TabsPackage name="@tabler/icons-webfont" />
-
 Tabler uses other packages to enhance the functionality for example charts and input masks. These are not automatically installed to avoid huge
 dependency trees and need to be installed by using npm install. We support the following packages as of writing.
 

package/docs/ui/getting-started/faq.mdx

@@ -1,6 +1,8 @@
 ---
 title: FAQ
-description: Answers to the most frequently asked questions.
+summary: Answers to the most frequently asked questions.
+description: Common questions and answers.
+order: 12
 ---
 
 ## I found an issue, what can I do?

package/docs/ui/getting-started/index.mdx

@@ -1,6 +1,8 @@
 ---
 title: Introduction
-description: Free and open-source HTML Dashboard UI Kit built on Bootstrap
+summary: Free and open-source HTML Dashboard UI Kit built on Bootstrap
+order: 1
+description: Overview of Tabler UI Kit.
 ---
 
 ## What is Tabler?
@@ -11,30 +13,4 @@ Tabler is fully responsive and compatible with all modern browsers. Thanks to it
 
 Tabler is a perfect solution if you want to create an interface which is not only user-friendly but also fully responsive. Thanks to the big choice of ready-made components, you can customize your design and adapt it to the needs of even the most demanding users. On top of that, Tabler is an open source solution, continuously developed and improved by the open source community.
 
-![Screencap of tabler site showing global traffic and statistics](https://raw.githubusercontent.com/tabler/tabler/dev/src/static/tabler-preview.png)
-
-## Set up the environment
-
-To use our build system and run our documentation locally, you'll need a copy of Tabler's source files. Follow the steps below:
-
-1. [Install Node.js](https://nodejs.org/download/), which we use to manage our dependencies.
-2. Navigate to the root `/tabler` directory and run `npm install` to install our local dependencies listed in `package.json`.
-3. [Install Ruby](https://ruby-lang.org/en/documentation/installation/) - the recommended version is [2.5.5](https://cache.ruby-lang.org/pub/ruby/2.5/ruby-2.5.5.tar.gz).
-4. [Install Bundler](https://bundler.io) with `gem install bundler` and, finally, run `bundle install`. It will install all Ruby dependencies, such as [Jekyll and plugins](https://jekyllrb.com).
-
-### Windows users
-1. [Install Git](https://git-scm.com/download/win) in `C:\Program Files\git\bin` directory and run `npm config set script-shell "C:\Program Files\git\bin\bash.exe"` to change the default shell.
-2. [Install Ruby+Devkit](https://rubyinstaller.org/downloads/) - recommended version is [2.5.5](https://github.com/oneclick/rubyinstaller2/releases/download/RubyInstaller-2.5.5-1/rubyinstaller-devkit-2.5.5-1-x86.exe).
-3. [Read guide](https://jekyllrb.com/docs/installation/windows/) to get Jekyll up and running without problems.
-
-Once you've completed the setup, you'll be able to run the various commands provided from the command line.
-
-## Build Tabler locally
-
-1. From the root `/tabler` directory, run `npm run start` in the command line.
-2. Open [http://localhost:3000](http://localhost:3000) in your browser, and voilà.
-3. Any change in `/src` directory will build the application and refresh the page.
-
-## Bugs and feature requests
-
-Found a bug or have a feature request? [Please open a new issue](https://github.com/tabler/tabler/issues/new).
+<img src="https://raw.githubusercontent.com/tabler/tabler/dev/src/static/tabler-preview.png?2" src-dark="https://raw.githubusercontent.com/tabler/tabler/dev/src/static/tabler-preview-dark.png?2" alt="Screencap of tabler site showing global traffic and statistics" />

package/docs/ui/index.mdx

@@ -0,0 +1,8 @@
+---
+title: Tabler UI
+order: 1
+description: Free and open source web application UI kit based on Bootstrap
+summary: Tabler UI is a carefully crafted collection of modern and responsive user interface components. Built on top of Bootstrap, it helps developers create stunning and functional web applications quickly and efficiently.
+---
+
+![](/docs/cover-tabler.png) 

package/docs/ui/layout/index.mdx

@@ -0,0 +1,6 @@
+---
+title: Layout
+order: 3
+description: Structure your UI effectively.
+summary: The layout section covers essential tools and techniques for structuring content and organizing UI elements, helping you build visually appealing and functional designs.
+---

package/docs/ui/layout/page-headers.mdx

@@ -1,11 +1,12 @@
 ---
 title: Page headers
-description: Page heading examples for Tabler
+summary: Page heading examples for Tabler
+description: Examples of Tabler page headers.
 ---
 
 ## Simple header
 
-```html example code vcentered
+```html example vcentered
 <div class="page-header">
   <div class="row align-items-center">
     <div class="col">
@@ -46,7 +47,7 @@ description: Page heading examples for Tabler
 
 ## With meta, avatar and actions
 
-```html example code vcentered
+```html example vcentered
 <div class="page-header">
   <div class="row align-items-center">
     <div class="col-auto">
@@ -106,7 +107,7 @@ description: Page heading examples for Tabler
 
 ## With meta, search and actions
 
-```html example code vcentered
+```html example vcentered
 <div class="page-header">
   <div class="row align-items-center">
     <div class="col">
@@ -145,7 +146,7 @@ description: Page heading examples for Tabler
 
 Page header with a border to separate content is an effective way to organize and present information in a clear and visually appealing way.
 
-```html example code fullpage
+```html example fullpage
 <div class="page-header page-header-border">
   <div class="container-fluid">
     <div class="row align-items-center">
@@ -189,15 +190,21 @@ A page header with breadcrumb and actions is a common design element found in ma
 
 In addition to the breadcrumb, the header often includes actions or buttons that allow the user to perform common tasks related to the current page. These actions may include things like adding a new item, editing existing content, or deleting items.
 
-```html example code vcentered
+```html example vcentered
 <div class="page-header">
   <div class="row align-items-center mw-100">
     <div class="col">
       <div class="mb-1">
         <ol class="breadcrumb" aria-label="breadcrumbs">
-          <li class="breadcrumb-item"><a href="#">Home</a></li>
-          <li class="breadcrumb-item"><a href="#">Library</a></li>
-          <li class="breadcrumb-item active" aria-current="page"><a href="#">Articles</a></li>
+          <li class="breadcrumb-item">
+            <a href="#">Home</a>
+          </li>
+          <li class="breadcrumb-item">
+            <a href="#">Library</a>
+          </li>
+          <li class="breadcrumb-item active" aria-current="page">
+            <a href="#">Articles</a>
+          </li>
         </ol>
       </div>
       <h2 class="page-title">

package/docs/ui/layout/page-layouts.mdx

@@ -1,6 +1,7 @@
 ---
 title: Page layouts
-description: Learn how to build a sample version of the dashboard
+summary: Learn how to build a sample version of the dashboard
+description: Learn to design dashboard layouts.
 ---
 
 <Callout>
@@ -9,7 +10,7 @@ description: Learn how to build a sample version of the dashboard
 
 ## Sample layout
 
-```html example code fullpage resizable height="30rem"
+```html example fullpage resizable height="30rem"
 <div class="page">
   <header class="navbar navbar-expand-sm navbar-light d-print-none">
     <div class="container-xl">
@@ -65,7 +66,7 @@ description: Learn how to build a sample version of the dashboard
 
 ## Sidebar layout
 
-```html example code fullpage resizable height="30rem"
+```html example fullpage resizable height="30rem"
 <div class="page">
   <!-- Sidebar -->
   <aside class="navbar navbar-vertical navbar-expand-sm navbar-dark">

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.
+---