@tabler/core 1.0.0-beta22 → 1.0.0-beta23

package/docs/illustrations/introduction/index.mdx

@@ -0,0 +1,5 @@
+---
+title: Introduction
+description: Introduction to Tabler Illustrations and their key features.
+summary: Tabler Illustrations is a collection of high-quality, customizable illustrations designed to enhance the visual appeal of your projects. These illustrations align seamlessly with the Tabler design system, making it easy to create engaging and cohesive designs for websites, apps, and presentations
+---

package/docs/img/browsers/brave.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.292 7.22l.434-1.061-1.228-1.27c-.664-.665-2.08-.275-2.08-.275l-1.602-1.82H9.162l-1.61 1.827s-1.415-.383-2.079.267L4.246 6.152l.433 1.061-.542 1.574 1.805 6.88c.376 1.474.628 2.044 1.69 2.795l3.3 2.238c.317.195.707.535 1.06.535.355 0 .744-.34 1.062-.535l3.3-2.238c1.061-.75 1.314-1.321 1.69-2.794l1.804-6.881-.556-1.567z" fill="url(#paint0_linear_29_515)"/><path d="M15.971 5.783s2.072 2.506 2.072 3.033c0 .541-.26.679-.52.96l-1.552 1.66c-.144.145-.455.39-.274.817.18.433.433.967.144 1.516-.289.556-.794.924-1.119.866a5.922 5.922 0 0 1-1.372-.65c-.274-.18-1.155-.91-1.155-1.19 0-.282.91-.795 1.083-.896.166-.116.939-.563.953-.737.014-.173.014-.216-.216-.65-.232-.433-.636-1.01-.578-1.386.072-.375.722-.577 1.206-.758l1.494-.563c.116-.058.087-.108-.26-.144-.346-.03-1.321-.16-1.761-.036-.44.122-1.177.31-1.25.411-.057.101-.115.101-.05.448l.419 2.274c.029.289.086.484-.217.556-.318.072-.845.195-1.025.195-.18 0-.715-.123-1.026-.195-.31-.072-.252-.267-.216-.556.029-.289.347-1.935.412-2.274.072-.347.007-.347-.051-.448-.072-.101-.816-.289-1.256-.411-.434-.123-1.416.007-1.762.043-.347.029-.376.072-.26.144l1.495.556c.476.18 1.14.383 1.205.758.072.383-.339.953-.577 1.387-.239.433-.231.476-.217.65.015.173.794.62.953.736.174.108 1.083.614 1.083.895 0 .282-.859 1.011-1.148 1.191a5.922 5.922 0 0 1-1.372.65c-.325.058-.83-.31-1.126-.866-.289-.549-.029-1.083.144-1.516.18-.434-.122-.665-.274-.816l-1.552-1.66c-.253-.268-.513-.412-.513-.947 0-.534 2.072-3.032 2.072-3.032l1.971.317c.231 0 .744-.194 1.213-.36.47-.145.795-.16.795-.16s.317 0 .794.16c.476.158.982.36 1.213.36.238 0 1.985-.339 1.985-.339l-.007.007zm-1.552 9.589c.13.072.05.23-.072.318l-1.834 1.43c-.145.143-.376.36-.527.36-.152 0-.376-.216-.527-.36a95.12 95.12 0 0 0-1.842-1.43c-.115-.087-.195-.239-.072-.318l1.083-.578c.43-.228.886-.404 1.358-.527.108 0 .794.246 1.35.527l1.083.578z" fill="#fff"/><path d="M16.433 4.621l-1.617-1.827H9.163l-1.61 1.827s-1.416-.383-2.08.267c0 0 1.877-.166 2.527.888l1.993.34c.231 0 .744-.195 1.213-.361.47-.145.794-.16.794-.16s.318 0 .794.16c.477.158.982.36 1.213.36.239 0 1.986-.339 1.986-.339.65-1.054 2.527-.888 2.527-.888-.664-.664-2.08-.274-2.08-.274" fill="url(#paint1_linear_29_515)"/><defs><linearGradient id="paint0_linear_29_515" x1="4.137" y1="12.199" x2="19.848" y2="12.199" gradientUnits="userSpaceOnUse"><stop offset=".4" stop-color="#F50"/><stop offset=".6" stop-color="#FF2000"/></linearGradient><linearGradient id="paint1_linear_29_515" x1="5.734" y1="4.488" x2="18.52" y2="4.488" gradientUnits="userSpaceOnUse"><stop stop-color="#FF452A"/><stop offset="1" stop-color="#FF2000"/></linearGradient></defs></svg>

package/docs/img/browsers/chrome.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 16.998a5 5 0 1 0 0-10 5 5 0 0 0 0 10z" fill="#fff"/><path d="M12 7h8.659a9.997 9.997 0 0 0-17.319.001L7.67 14.5l.004-.001A4.994 4.994 0 0 1 12 7z" fill="url(#paint0_linear_29_517)"/><path d="M12 15.958a3.958 3.958 0 1 0 0-7.916 3.958 3.958 0 0 0 0 7.916z" fill="#1A73E8"/><path d="M16.33 14.501L12 22a9.998 9.998 0 0 0 8.658-14.999H12l-.002.004a4.993 4.993 0 0 1 4.332 7.496z" fill="url(#paint1_linear_29_517)"/><path d="M7.67 14.501L3.34 7.003A9.997 9.997 0 0 0 12 22l4.33-7.499-.002-.003a4.995 4.995 0 0 1-8.658.003z" fill="url(#paint2_linear_29_517)"/><defs><linearGradient id="paint0_linear_29_517" x1="3.34" y1="8.25" x2="20.659" y2="8.25" gradientUnits="userSpaceOnUse"><stop stop-color="#D93025"/><stop offset="1" stop-color="#EA4335"/></linearGradient><linearGradient id="paint1_linear_29_517" x1="10.634" y1="21.866" x2="19.293" y2="6.868" gradientUnits="userSpaceOnUse"><stop stop-color="#FCC934"/><stop offset="1" stop-color="#FBBC04"/></linearGradient><linearGradient id="paint2_linear_29_517" x1="13.082" y1="21.376" x2="4.423" y2="6.378" gradientUnits="userSpaceOnUse"><stop stop-color="#1E8E3E"/><stop offset="1" stop-color="#34A853"/></linearGradient></defs></svg>

package/docs/img/browsers/edge.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.047 16.883c-.266.14-.54.265-.82.367a7.99 7.99 0 0 1-2.805.508c-3.695 0-6.914-2.54-6.914-5.805.008-.89.5-1.71 1.281-2.133-3.344.14-4.203 3.625-4.203 5.664 0 5.774 5.32 6.36 6.469 6.36.617 0 1.547-.18 2.11-.36l.1-.03a9.997 9.997 0 0 0 5.204-4.126.313.313 0 0 0-.094-.43.33.33 0 0 0-.328-.015z" fill="url(#paint0_linear_29_519)"/><path opacity=".35" d="M20.047 16.883c-.266.14-.54.265-.82.367a7.99 7.99 0 0 1-2.805.508c-3.695 0-6.914-2.54-6.914-5.805.008-.89.5-1.71 1.281-2.133-3.344.14-4.203 3.625-4.203 5.664 0 5.774 5.32 6.36 6.469 6.36.617 0 1.547-.18 2.11-.36l.1-.03a9.997 9.997 0 0 0 5.204-4.126.313.313 0 0 0-.094-.43.33.33 0 0 0-.328-.015z" fill="url(#paint1_radial_29_519)"/><path d="M10.258 20.86c-.695-.43-1.297-1-1.774-1.665A6.307 6.307 0 0 1 10.79 9.82c.242-.117.656-.32 1.211-.312a2.522 2.522 0 0 1 2.508 2.476c0-.015 1.914-6.218-6.25-6.218-3.43 0-6.25 3.257-6.25 6.109a10.19 10.19 0 0 0 .945 4.375 10.006 10.006 0 0 0 12.219 5.242 5.92 5.92 0 0 1-4.914-.633z" fill="url(#paint2_linear_29_519)"/><path opacity=".41" d="M10.258 20.86c-.695-.43-1.297-1-1.774-1.665A6.307 6.307 0 0 1 10.79 9.82c.242-.117.656-.32 1.211-.312a2.522 2.522 0 0 1 2.508 2.476c0-.015 1.914-6.218-6.25-6.218-3.43 0-6.25 3.257-6.25 6.109a10.19 10.19 0 0 0 .945 4.375 10.006 10.006 0 0 0 12.219 5.242 5.92 5.92 0 0 1-4.914-.633z" fill="url(#paint3_radial_29_519)"/><path d="M13.898 13.633c-.062.078-.257.195-.257.445 0 .203.132.399.367.563 1.125.78 3.242.68 3.25.68.836 0 1.648-.227 2.367-.65A4.789 4.789 0 0 0 22 10.54c.023-1.75-.625-2.914-.883-3.43C19.461 3.867 15.883 2 12 2a10 10 0 0 0-10 9.86c.04-2.852 2.875-5.157 6.25-5.157.273 0 1.836.024 3.281.79 1.274.671 1.946 1.476 2.406 2.28.485.836.57 1.883.57 2.305 0 .414-.21 1.04-.609 1.555z" fill="url(#paint4_radial_29_519)"/><path d="M13.898 13.633c-.062.078-.257.195-.257.445 0 .203.132.399.367.563 1.125.78 3.242.68 3.25.68.836 0 1.648-.227 2.367-.65A4.789 4.789 0 0 0 22 10.54c.023-1.75-.625-2.914-.883-3.43C19.461 3.867 15.883 2 12 2a10 10 0 0 0-10 9.86c.04-2.852 2.875-5.157 6.25-5.157.273 0 1.836.024 3.281.79 1.274.671 1.946 1.476 2.406 2.28.485.836.57 1.883.57 2.305 0 .414-.21 1.04-.609 1.555z" fill="url(#paint5_radial_29_519)"/><defs><linearGradient id="paint0_linear_29_519" x1="6.586" y1="15.83" x2="20.515" y2="15.83" gradientUnits="userSpaceOnUse"><stop stop-color="#0C59A4"/><stop offset="1" stop-color="#114A8B"/></linearGradient><radialGradient id="paint1_radial_29_519" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(7.45082 0 0 7.07749 14.28 15.94)"><stop offset=".72" stop-opacity="0"/><stop offset=".95" stop-opacity=".53"/><stop offset="1"/></radialGradient><linearGradient id="paint2_linear_29_519" x1="13.935" y1="9.793" x2="5.234" y2="19.27" gradientUnits="userSpaceOnUse"><stop stop-color="#1B9DE2"/><stop offset=".16" stop-color="#1595DF"/><stop offset=".67" stop-color="#0680D7"/><stop offset="1" stop-color="#0078D4"/></linearGradient><radialGradient id="paint3_radial_29_519" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.6786 -11.07643 8.95045 1.3564 7.516 17.548)"><stop offset=".76" stop-opacity="0"/><stop offset=".95" stop-opacity=".5"/><stop offset="1"/></radialGradient><radialGradient id="paint4_radial_29_519" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-.63255 15.81165 -33.68076 -1.3474 4.02 5.703)"><stop stop-color="#35C1F1"/><stop offset=".11" stop-color="#34C1ED"/><stop offset=".23" stop-color="#2FC2DF"/><stop offset=".31" stop-color="#2BC3D2"/><stop offset=".67" stop-color="#36C752"/></radialGradient><radialGradient id="paint5_radial_29_519" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2.12926 7.299 -5.93668 1.73185 20.754 8.047)"><stop stop-color="#66EB6E"/><stop offset="1" stop-color="#66EB6E" stop-opacity="0"/></radialGradient></defs></svg>

package/docs/img/browsers/electron.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.49 6.745c-2.422-.447-4.335.025-5.105 1.342-.572.981-.41 2.298.397 3.69a.234.234 0 0 0 .336.086.234.234 0 0 0 .087-.335c-.72-1.255-.857-2.385-.398-3.193.634-1.093 2.348-1.515 4.584-1.105a.242.242 0 0 0 .286-.199c.025-.137-.05-.26-.187-.286zm-3.44 6.733a15.278 15.278 0 0 0 3.701 2.92c3.516 2.024 7.255 2.57 9.106 1.316.112-.074.137-.236.062-.348-.075-.111-.236-.136-.348-.062-1.652 1.13-5.205.609-8.571-1.329a14.906 14.906 0 0 1-3.59-2.832.249.249 0 0 0-.348-.013.248.248 0 0 0-.013.348z" fill="#47848F"/><path d="M18.261 13.18c1.59-1.876 2.137-3.764 1.379-5.08-.56-.97-1.752-1.479-3.317-1.504a.25.25 0 0 0-.248.249.25.25 0 0 0 .248.248c1.416.013 2.435.46 2.895 1.255.633 1.093.136 2.782-1.33 4.51a.248.248 0 0 0 .025.347.248.248 0 0 0 .348-.025zm-4.074-6.36a15.689 15.689 0 0 0-4.423 1.75c-3.64 2.1-6 5.193-5.677 7.429a.26.26 0 0 0 .286.211.261.261 0 0 0 .211-.286c-.298-1.987 1.95-4.906 5.429-6.919a15.253 15.253 0 0 1 4.285-1.702.248.248 0 0 0 .187-.298.264.264 0 0 0-.298-.186z" fill="#47848F"/><path d="M8.31 17.553c.833 2.31 2.187 3.739 3.715 3.739 1.118 0 2.137-.758 2.944-2.1a.234.234 0 0 0-.087-.335.234.234 0 0 0-.335.087c-.72 1.205-1.603 1.851-2.522 1.851-1.267 0-2.472-1.267-3.242-3.416a.248.248 0 0 0-.323-.15.25.25 0 0 0-.15.324zm7.578-.447c.452-1.494.674-3.048.659-4.61 0-4.11-1.441-7.664-3.49-8.57-.125-.05-.274 0-.324.124-.05.124 0 .273.124.323 1.826.807 3.193 4.174 3.193 8.124.01 1.51-.203 3.012-.634 4.46a.249.249 0 0 0 .162.31c.124.037.26-.037.31-.161zm4.671-.249a1.192 1.192 0 1 0-2.384 0 1.192 1.192 0 0 0 2.384 0zm-.497 0a.696.696 0 1 1-1.392 0 .696.696 0 0 1 1.392 0zM4.646 18.05a1.192 1.192 0 1 0 0-2.385 1.192 1.192 0 0 0 0 2.385zm0-.497a.696.696 0 1 1 0-1.392.696.696 0 0 1 0 1.392z" fill="#47848F"/><path d="M12.025 5.13a1.192 1.192 0 1 0 0-2.385 1.192 1.192 0 0 0 0 2.385zm0-.496a.696.696 0 1 1 0-1.392.696.696 0 0 1 0 1.392zm.174 8.708a.87.87 0 0 1-1.019-.659.87.87 0 0 1 .659-1.018.87.87 0 0 1 1.018.658.857.857 0 0 1-.658 1.019z" fill="#47848F"/></svg>

package/docs/img/browsers/firefox.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.59 8.499c-.405-.976-1.227-2.029-1.871-2.362.525 1.03.828 2.062.944 2.833l.002.008.002.01c.88 2.388.4 4.815-.29 6.299-1.07 2.295-3.66 4.647-7.712 4.532-4.38-.124-8.237-3.372-8.957-7.629-.131-.67 0-1.011.066-1.556-.08.42-.111.541-.152 1.287v.048a9.334 9.334 0 1 0 18.532 1.579l.043-.36c.185-1.6-.02-3.282-.606-4.689z" fill="#000"/><path d="M11.972 10.175c-.016.232-.835 1.033-1.123 1.033-2.654 0-3.084 1.605-3.084 1.605.117 1.351 1.058 2.465 2.198 3.054.052.027.105.05.157.075.09.04.182.078.274.112.391.139.8.218 1.214.235 4.652.218 5.554-5.562 2.197-7.24.86-.149 1.751.197 2.25.547a4.71 4.71 0 0 0-4.09-2.388c-.11 0-.219.01-.327.016a4.67 4.67 0 0 0-2.569.99c.142.12.303.282.64.615.634.624 2.258 1.27 2.262 1.346z" fill="#000"/><path d="M20.59 8.499c-.405-.976-1.227-2.029-1.871-2.362.525 1.03.828 2.062.944 2.833l.003.015c-1.056-2.63-2.845-3.691-4.307-6l-.22-.358a2.915 2.915 0 0 1-.102-.193 1.7 1.7 0 0 1-.146-.386.024.024 0 0 0-.015-.008.032.032 0 0 0-.018 0l-.004.003-.007.004.004-.006c-2.344 1.373-3.14 3.913-3.213 5.185a4.67 4.67 0 0 0-2.569.99 2.772 2.772 0 0 0-.241-.183A4.324 4.324 0 0 1 8.8 5.752c-.958.436-1.704 1.126-2.246 1.736H6.55c-.37-.469-.344-2.015-.323-2.337-.004-.02-.276.14-.312.165a6.799 6.799 0 0 0-.912.781c-.319.324-.61.673-.871 1.045v.002-.002A7.877 7.877 0 0 0 2.88 9.97l-.013.062a16.37 16.37 0 0 0-.092.582l-.002.02a8.895 8.895 0 0 0-.151 1.288v.047a9.334 9.334 0 1 0 18.532 1.579l.043-.36c.185-1.6-.02-3.282-.606-4.689zM9.833 15.804c.044.02.086.043.13.064l.006.003a4.905 4.905 0 0 1-.136-.067zm9.833-6.817l-.001-.009.001.01z" fill="url(#paint0_linear_29_512)"/><path d="M20.59 8.499c-.405-.976-1.227-2.029-1.871-2.362.525 1.03.828 2.062.944 2.833l.002.008.002.01c.88 2.388.4 4.815-.29 6.299-1.07 2.295-3.66 4.647-7.712 4.532-4.38-.124-8.237-3.372-8.957-7.629-.131-.67 0-1.011.066-1.556-.08.42-.111.541-.152 1.287v.048a9.334 9.334 0 1 0 18.532 1.579l.043-.36c.185-1.6-.02-3.282-.606-4.689z" fill="url(#paint1_radial_29_512)"/><path d="M20.59 8.499c-.405-.976-1.227-2.029-1.871-2.362.525 1.03.828 2.062.944 2.833l.002.008.002.01c.88 2.388.4 4.815-.29 6.299-1.07 2.295-3.66 4.647-7.712 4.532-4.38-.124-8.237-3.372-8.957-7.629-.131-.67 0-1.011.066-1.556-.08.42-.111.541-.152 1.287v.048a9.334 9.334 0 1 0 18.532 1.579l.043-.36c.185-1.6-.02-3.282-.606-4.689z" fill="url(#paint2_radial_29_512)"/><path d="M16.055 9.596l.058.043a5.075 5.075 0 0 0-.866-1.13c-2.901-2.901-.761-6.29-.4-6.462l.004-.005c-2.345 1.372-3.14 3.913-3.213 5.183a4.42 4.42 0 0 1 .328-.016 4.71 4.71 0 0 1 4.089 2.388z" fill="url(#paint3_radial_29_512)"/><path d="M11.972 10.175c-.016.232-.835 1.033-1.123 1.033-2.654 0-3.084 1.605-3.084 1.605.117 1.351 1.058 2.465 2.198 3.054.052.027.105.05.157.075.09.04.182.078.274.112.391.139.8.218 1.214.235 4.652.218 5.554-5.562 2.197-7.24.86-.149 1.751.197 2.25.547a4.71 4.71 0 0 0-4.09-2.388c-.11 0-.219.01-.327.016a4.67 4.67 0 0 0-2.569.99c.142.12.303.282.64.615.634.624 2.258 1.27 2.262 1.346z" fill="url(#paint4_radial_29_512)"/><path d="M11.972 10.175c-.016.232-.835 1.033-1.123 1.033-2.654 0-3.084 1.605-3.084 1.605.117 1.351 1.058 2.465 2.198 3.054.052.027.105.05.157.075.09.04.182.078.274.112.391.139.8.218 1.214.235 4.652.218 5.554-5.562 2.197-7.24.86-.149 1.751.197 2.25.547a4.71 4.71 0 0 0-4.09-2.388c-.11 0-.219.01-.327.016a4.67 4.67 0 0 0-2.569.99c.142.12.303.282.64.615.634.624 2.258 1.27 2.262 1.346z" fill="url(#paint5_radial_29_512)"/><path d="M8.634 7.904c.065.042.13.085.194.129a4.324 4.324 0 0 1-.026-2.282c-.96.437-1.705 1.127-2.247 1.736.045 0 1.398-.025 2.08.417z" fill="url(#paint6_radial_29_512)"/><path d="M2.708 12.19c.72 4.257 4.577 7.505 8.956 7.629 4.053.115 6.643-2.238 7.712-4.532.691-1.484 1.171-3.91.29-6.298v-.001l-.001-.01c0-.006-.002-.01-.002-.008l.002.016c.332 2.161-.769 4.255-2.487 5.671l-.005.012c-3.35 2.727-6.555 1.645-7.204 1.202a6.114 6.114 0 0 1-.136-.067c-1.953-.933-2.76-2.712-2.586-4.238-1.649 0-2.211-1.39-2.211-1.39s1.48-1.056 3.431-.138c1.807.85 3.504.137 3.504.137-.004-.076-1.628-.722-2.26-1.345-.34-.334-.5-.494-.642-.615a2.772 2.772 0 0 0-.242-.183 10.965 10.965 0 0 0-.193-.128c-.68-.443-2.035-.418-2.08-.417H6.55c-.37-.468-.344-2.014-.323-2.337-.004-.02-.275.14-.311.165a6.799 6.799 0 0 0-.912.781c-.32.324-.611.674-.872 1.046a7.877 7.877 0 0 0-1.253 2.827c-.004.02-.336 1.47-.172 2.221z" fill="url(#paint7_radial_29_512)"/><path d="M15.247 8.509c.34.334.632.714.866 1.13l.14.115c2.116 1.95 1.007 4.707.924 4.903 1.719-1.416 2.819-3.51 2.488-5.671-1.055-2.631-2.844-3.692-4.306-6.002l-.22-.357a2.869 2.869 0 0 1-.102-.193 1.7 1.7 0 0 1-.146-.386.024.024 0 0 0-.015-.008.032.032 0 0 0-.018 0l-.004.003-.007.004c-.361.172-2.5 3.56.4 6.462z" fill="url(#paint8_radial_29_512)"/><path d="M16.253 9.753a1.85 1.85 0 0 0-.14-.114l-.058-.043c-.498-.35-1.39-.696-2.25-.546 3.357 1.678 2.455 7.457-2.196 7.238a4.147 4.147 0 0 1-1.215-.234 5.304 5.304 0 0 1-.431-.187l.006.004c.649.443 3.854 1.524 7.204-1.203l.005-.011c.083-.197 1.191-2.954-.924-4.904h-.001z" fill="url(#paint9_radial_29_512)"/><path d="M7.765 12.813s.43-1.605 3.084-1.605c.288 0 1.107-.8 1.123-1.033.015-.232-1.697.713-3.504-.137-1.951-.918-3.432.137-3.432.137s.562 1.39 2.211 1.39c-.173 1.527.634 3.305 2.586 4.239.044.02.085.043.13.063-1.14-.589-2.08-1.702-2.198-3.054z" fill="url(#paint10_radial_29_512)"/><path d="M20.59 8.499c-.405-.976-1.227-2.029-1.871-2.362.525 1.03.828 2.062.944 2.833l.003.015c-1.056-2.63-2.845-3.691-4.307-6l-.22-.358a2.915 2.915 0 0 1-.102-.193 1.7 1.7 0 0 1-.146-.386.024.024 0 0 0-.015-.008.032.032 0 0 0-.018 0l-.004.003-.007.004.004-.006c-2.344 1.373-3.14 3.913-3.213 5.185.109-.008.217-.017.328-.017a4.71 4.71 0 0 1 4.09 2.387c-.5-.349-1.39-.695-2.251-.546 3.357 1.678 2.455 7.458-2.196 7.239a4.143 4.143 0 0 1-1.215-.234 5.218 5.218 0 0 1-.431-.187l.007.003a5.703 5.703 0 0 1-.136-.067c.043.02.084.043.129.064-1.14-.59-2.08-1.703-2.198-3.055 0 0 .43-1.605 3.084-1.605.287 0 1.107-.8 1.123-1.033-.004-.076-1.628-.722-2.261-1.346-.338-.333-.5-.493-.641-.614a2.774 2.774 0 0 0-.242-.183 4.324 4.324 0 0 1-.026-2.28c-.96.436-1.705 1.126-2.247 1.735h-.004c-.37-.468-.344-2.014-.323-2.338-.004-.019-.276.141-.311.166a6.799 6.799 0 0 0-.913.781 8.21 8.21 0 0 0-.87 1.046h-.001a7.877 7.877 0 0 0-1.252 2.827l-.013.062c-.04.195-.075.392-.107.588-.001.007 0-.006 0 0-.073.431-.119.866-.138 1.303l-.001.047a9.334 9.334 0 1 0 18.532 1.579l.043-.36c.185-1.6-.02-3.282-.606-4.689zm-.925.48l.001.01v-.001l-.001-.01z" fill="url(#paint11_linear_29_512)"/><defs><linearGradient id="paint0_linear_29_512" x1="18.886" y1="5.024" x2="3.9" y2="19.481" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#FFF44F"/><stop offset=".37" stop-color="#FF980E"/><stop offset=".53" stop-color="#FF3647"/><stop offset=".7" stop-color="#E31587"/></linearGradient><radialGradient id="paint1_radial_29_512" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(19.0889 0 0 19.4098 15.531 4.181)"><stop offset=".13" stop-color="#FFBD4F"/><stop offset=".28" stop-color="#FF980E"/><stop offset=".47" stop-color="#FF3750"/><stop offset=".78" stop-color="#EB0878"/><stop offset=".86" stop-color="#E50080"/></radialGradient><radialGradient id="paint2_radial_29_512" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(19.5661 0 0 19.4098 10 12.203)"><stop offset=".3" stop-color="#960E18"/><stop offset=".35" stop-color="#B11927" stop-opacity=".74"/><stop offset=".43" stop-color="#DB293D" stop-opacity=".34"/><stop offset=".5" stop-color="#F5334B" stop-opacity=".1"/><stop offset=".53" stop-color="#FF3750" stop-opacity="0"/></radialGradient><radialGradient id="paint3_radial_29_512" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(6.26602 0 0 10.6362 13.786 1.13)"><stop offset=".13" stop-color="#FFF44F"/><stop offset=".53" stop-color="#FF980E"/></radialGradient><radialGradient id="paint4_radial_29_512" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(8.2901 0 0 9.0868 9.651 17.213)"><stop offset=".35" stop-color="#3A8EE6"/><stop offset=".67" stop-color="#9059FF"/><stop offset="1" stop-color="#C139E6"/></radialGradient><radialGradient id="paint5_radial_29_512" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(4.40204 0 0 5.36121 11.068 10.206)"><stop offset=".21" stop-color="#9059FF" stop-opacity="0"/><stop offset=".97" stop-color="#6E008B" stop-opacity=".6"/></radialGradient><radialGradient id="paint6_radial_29_512" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(6.5906 0 0 6.61538 11.328 3.47)"><stop offset=".1" stop-color="#FFE226"/><stop offset=".79" stop-color="#FF7139"/></radialGradient><radialGradient id="paint7_radial_29_512" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(31.4688 0 0 26.4153 17.347 -.869)"><stop offset=".11" stop-color="#FFF44F"/><stop offset=".46" stop-color="#FF980E"/><stop offset=".72" stop-color="#FF3647"/><stop offset=".9" stop-color="#E31587"/></radialGradient><radialGradient id="paint8_radial_29_512" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(2.17845 9.74141 -42.14728 9.42528 5.624 7.828)"><stop stop-color="#FFF44F"/><stop offset=".3" stop-color="#FF980E"/><stop offset=".57" stop-color="#FF3647"/><stop offset=".74" stop-color="#E31587"/></radialGradient><radialGradient id="paint9_radial_29_512" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(18.068 0 0 17.7484 11.395 5.85)"><stop offset=".14" stop-color="#FFF44F"/><stop offset=".48" stop-color="#FF980E"/><stop offset=".66" stop-color="#FF3647"/><stop offset=".9" stop-color="#E31587"/></radialGradient><radialGradient id="paint10_radial_29_512" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(21.7155 0 0 19.4264 16.085 6.888)"><stop offset=".09" stop-color="#FFF44F"/><stop offset=".63" stop-color="#FF980E"/></radialGradient><linearGradient id="paint11_linear_29_512" x1="17.535" y1="4.735" x2="5.551" y2="17.829" gradientUnits="userSpaceOnUse"><stop offset=".17" stop-color="#FFF44F" stop-opacity=".8"/><stop offset=".6" stop-color="#FFF44F" stop-opacity="0"/></linearGradient></defs></svg>

package/docs/img/browsers/internet-explorer.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.088 12.158c0-1.753-.454-3.404-1.238-4.848C25.253-.322 18.24.813 17.827.813c-1.443.288-2.887.752-4.125 1.34-4.744-.056-8.87 2.476-10.21 7.736 2.475-2.785 4.228-3.92 5.26-4.332-.217.196-.434.402-.65.608-1.65 1.65-2.992 3.3-4.126 5.054-.877 1.547-1.857 2.888-2.372 4.642-2.785 10.107 5.982 5.878 7.22 5.156a9.815 9.815 0 0 0 4.434 1.022c4.332 0 8.045-2.785 9.386-6.601h-5.26c-2.475 3.919-8.354 2.166-8.56-2.063h14.233c.053-.423.082-.846.082-1.238l-.051.02zM21.23 2.36c.856.577 1.547 1.444.361 4.538-1.134-1.857-2.785-3.3-4.847-4.023.918-.443 3.197-1.34 4.538-.515h-.052zM2.975 21.028c-.7-.712-.825-2.476.722-5.673a9.762 9.762 0 0 0 4.332 5.26c-1 .547-3.61 1.754-5.053.34v.073zm5.776-10.314c.08-2.27 2.063-4.126 4.538-4.126 2.476 0 4.435 1.857 4.539 4.126H8.75z" fill="#1EBBEE"/></svg>

package/docs/img/browsers/opera.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.78a9.22 9.22 0 1 0 6.145 16.093 6.65 6.65 0 0 1-3.695 1.129c-2.197 0-4.162-1.09-5.487-2.807-1.02-1.204-1.678-2.982-1.724-4.979v-.436c.046-1.997.704-3.776 1.724-4.978 1.322-1.718 3.29-2.808 5.487-2.808a6.65 6.65 0 0 1 3.695 1.13 9.189 9.189 0 0 0-6.11-2.346h-.037L12 2.78z" fill="url(#paint0_linear_29_513)"/><path d="M8.965 6.804c.844-.998 1.94-1.602 3.132-1.602 2.685 0 4.863 3.046 4.863 6.796 0 3.754-2.176 6.796-4.863 6.796-1.192 0-2.286-.601-3.132-1.6 1.321 1.718 3.288 2.808 5.486 2.808a6.66 6.66 0 0 0 3.696-1.129A9.192 9.192 0 0 0 21.22 12a9.194 9.194 0 0 0-3.075-6.873 6.65 6.65 0 0 0-3.695-1.129c-2.197 0-4.162 1.09-5.487 2.808" fill="url(#paint1_linear_29_513)"/><defs><linearGradient id="paint0_linear_29_513" x1="10.459" y1="3.083" x2="10.459" y2="20.954" gradientUnits="userSpaceOnUse"><stop offset=".6" stop-color="#FF1B2D"/><stop offset="1" stop-color="#A70014"/></linearGradient><linearGradient id="paint1_linear_29_513" x1="15.101" y1="4.128" x2="15.101" y2="19.945" gradientUnits="userSpaceOnUse"><stop stop-color="#9C0000"/><stop offset=".7" stop-color="#FF4B4B"/></linearGradient></defs></svg>

package/docs/img/browsers/safari.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity=".53" filter="url(#filter0_f_29_514)"><path d="M21.122 12.261c0 2.33-.961 4.564-2.672 6.211-1.71 1.647-4.03 2.573-6.45 2.573-2.419 0-4.739-.926-6.45-2.573-1.71-1.647-2.671-3.881-2.671-6.21 0-2.33.96-4.564 2.672-6.211C7.26 4.403 9.58 3.478 12 3.478c2.418 0 4.739.925 6.45 2.573 1.71 1.647 2.67 3.88 2.67 6.21z" fill="#000"/></g><path d="M21.469 11.486a9.468 9.468 0 1 1-18.937 0 9.468 9.468 0 0 1 18.937 0v0z" fill="url(#paint0_linear_29_514)" stroke="#CDCDCD" stroke-width=".093" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.727 11.486a8.726 8.726 0 1 1-17.452 0 8.726 8.726 0 0 1 17.451 0z" fill="url(#paint1_radial_29_514)"/><path d="M12 3.214a.127.127 0 0 0-.127.127V4.81a.127.127 0 1 0 .254 0V3.341a.126.126 0 0 0-.078-.117.127.127 0 0 0-.049-.01zm-.832.053a.127.127 0 0 0-.14.14l.065.613a.127.127 0 1 0 .253-.026l-.064-.614a.127.127 0 0 0-.114-.113zm1.67 0a.127.127 0 0 0-.114.114l-.064.613a.128.128 0 0 0 .206.113.127.127 0 0 0 .047-.086l.064-.614a.125.125 0 0 0-.036-.103.128.128 0 0 0-.103-.037zm-2.525.123a.127.127 0 0 0-.124.154l.303 1.436a.127.127 0 1 0 .25-.053l-.304-1.436a.127.127 0 0 0-.126-.1zm3.38.002a.127.127 0 0 0-.125.1l-.305 1.436a.128.128 0 0 0 .098.151.127.127 0 0 0 .15-.098l.306-1.436a.126.126 0 0 0-.07-.14.127.127 0 0 0-.054-.013zm-4.197.228a.127.127 0 0 0-.132.167l.191.587a.127.127 0 1 0 .242-.079l-.19-.587a.127.127 0 0 0-.11-.088zm5.008 0a.127.127 0 0 0-.11.088l-.19.587a.127.127 0 0 0 .241.079l.191-.587a.127.127 0 0 0-.132-.166zm-5.815.296a.127.127 0 0 0-.114.18l.596 1.34a.127.127 0 1 0 .233-.103l-.596-1.341a.127.127 0 0 0-.119-.076zm6.631.005a.127.127 0 0 0-.118.076l-.598 1.34a.126.126 0 0 0 .024.14.128.128 0 0 0 .18.004.128.128 0 0 0 .028-.04l.598-1.34a.127.127 0 0 0-.114-.18zm-7.38.391a.127.127 0 0 0-.118.19l.308.536a.127.127 0 1 0 .22-.127l-.308-.535a.127.127 0 0 0-.101-.064zm8.12 0a.126.126 0 0 0-.102.064l-.309.535a.129.129 0 0 0-.012.096.128.128 0 0 0 .156.09.128.128 0 0 0 .077-.06l.308-.534a.128.128 0 0 0-.002-.131.128.128 0 0 0-.117-.06zm-8.847.454a.128.128 0 0 0-.098.202l.861 1.188a.127.127 0 0 0 .206-.15L7.321 4.82a.127.127 0 0 0-.108-.053zm9.583.006a.127.127 0 0 0-.108.053l-.863 1.187a.127.127 0 0 0 .206.15l.863-1.187a.126.126 0 0 0-.033-.182.127.127 0 0 0-.065-.02zm-10.233.54a.127.127 0 0 0-.1.212l.412.458a.127.127 0 1 0 .19-.17l-.414-.459a.127.127 0 0 0-.088-.042zm10.875 0a.127.127 0 0 0-.088.042l-.413.459a.127.127 0 1 0 .189.17l.413-.459a.127.127 0 0 0-.101-.212zM5.94 5.91a.127.127 0 0 0-.078.221l1.09.982a.127.127 0 0 0 .171-.189l-1.09-.981a.127.127 0 0 0-.093-.033zm12.124.004a.127.127 0 0 0-.092.033l-1.091.98a.127.127 0 0 0 .17.19l1.09-.981a.127.127 0 0 0-.077-.222zm-12.642.662a.127.127 0 0 0-.08.23l.5.363a.127.127 0 1 0 .15-.206l-.5-.362a.127.127 0 0 0-.07-.025zm13.16.005a.121.121 0 0 0-.071.024l-.5.363a.127.127 0 0 0 .055.228.127.127 0 0 0 .095-.023l.5-.362a.127.127 0 0 0-.08-.23zm-13.644.706a.127.127 0 0 0-.054.237l1.27.734a.127.127 0 1 0 .127-.22l-1.27-.734a.127.127 0 0 0-.073-.017zm14.125 0a.126.126 0 0 0-.073.017l-1.271.733a.127.127 0 1 0 .127.22l1.271-.733a.127.127 0 0 0 .02-.207.127.127 0 0 0-.074-.03zm-14.491.757a.127.127 0 0 0-.055.244l.564.251a.127.127 0 1 0 .104-.232l-.564-.252a.127.127 0 0 0-.05-.01zm14.859.005a.127.127 0 0 0-.05.012l-.564.25a.127.127 0 0 0-.036.21.128.128 0 0 0 .14.023l.564-.251a.128.128 0 0 0 .074-.144.127.127 0 0 0-.128-.1zm-15.185.787a.127.127 0 0 0-.029.248l1.395.454a.127.127 0 0 0 .08-.241l-1.396-.455a.127.127 0 0 0-.05-.006zm15.51.005a.123.123 0 0 0-.05.006l-1.395.454a.128.128 0 0 0-.088.11.129.129 0 0 0 .03.093.126.126 0 0 0 .136.039l1.396-.454a.127.127 0 0 0-.029-.247zm-15.714.826a.127.127 0 0 0-.027.252l.604.128a.127.127 0 1 0 .053-.249l-.604-.128a.125.125 0 0 0-.026-.003zm15.916.001a.156.156 0 0 0-.025.003l-.604.128a.127.127 0 0 0 .052.249l.604-.128a.127.127 0 0 0-.027-.252zm-16.07.835a.127.127 0 0 0 0 .253l1.459.154a.125.125 0 0 0 .093-.027.128.128 0 0 0 .042-.135.127.127 0 0 0-.108-.09l-1.46-.155h-.026zm16.225.011a.11.11 0 0 0-.026 0l-1.46.152a.125.125 0 0 0-.085.047.126.126 0 0 0-.013.14.127.127 0 0 0 .125.066l1.46-.152a.127.127 0 0 0-.001-.253zm-16.25.844a.127.127 0 1 0 0 .255h.618a.127.127 0 1 0 0-.255h-.617zm15.656 0a.127.127 0 1 0 0 .255h.618a.127.127 0 0 0 0-.255h-.618zm-14.147.694h-.026l-1.46.152a.128.128 0 0 0-.067.226c.027.021.06.031.094.028l1.46-.153a.127.127 0 0 0-.001-.253zm13.255.01a.127.127 0 0 0 0 .252l1.459.155a.127.127 0 0 0 .074-.239.128.128 0 0 0-.047-.014l-1.46-.155a.126.126 0 0 0-.026 0zm-13.983.858a.13.13 0 0 0-.025.004l-.604.128a.127.127 0 1 0 .053.248l.604-.128a.127.127 0 0 0-.028-.252zm14.712.002a.127.127 0 0 0-.027.252l.603.128a.125.125 0 0 0 .096-.018.126.126 0 0 0 .055-.08.128.128 0 0 0-.098-.151l-.604-.128a.13.13 0 0 0-.026-.003zm-13.695.5a.124.124 0 0 0-.05.007l-1.396.453a.127.127 0 1 0 .079.242l1.395-.453a.127.127 0 0 0 .05-.213.127.127 0 0 0-.078-.035zm12.676.005a.128.128 0 0 0-.117.113.127.127 0 0 0 .089.135l1.395.455a.125.125 0 0 0 .097-.008.128.128 0 0 0-.018-.234l-1.395-.455a.127.127 0 0 0-.05-.006zm-13.208.99a.127.127 0 0 0-.05.011l-.564.251a.128.128 0 0 0-.036.209.127.127 0 0 0 .14.024l.564-.251a.127.127 0 0 0-.054-.244zm13.74.005a.127.127 0 0 0-.054.243l.564.252a.127.127 0 0 0 .168-.065.128.128 0 0 0-.024-.139.127.127 0 0 0-.04-.028l-.564-.252a.126.126 0 0 0-.05-.01zm-12.642.276a.126.126 0 0 0-.073.017l-1.27.733a.127.127 0 0 0 .126.22l1.271-.733a.127.127 0 0 0-.054-.238zm11.546 0a.127.127 0 0 0-.108.178.13.13 0 0 0 .054.06l1.27.733a.128.128 0 0 0 .142-.01.128.128 0 0 0 .023-.178.127.127 0 0 0-.037-.033l-1.271-.733a.126.126 0 0 0-.073-.017zM5.91 15.774a.124.124 0 0 0-.07.025l-.5.362a.127.127 0 1 0 .15.206l.499-.362a.127.127 0 0 0-.08-.23zm12.177.005a.127.127 0 0 0-.079.23l.5.363a.126.126 0 0 0 .14.006.125.125 0 0 0 .058-.08.128.128 0 0 0-.049-.132l-.5-.363a.127.127 0 0 0-.07-.024zm-11.046.044a.127.127 0 0 0-.092.032l-1.09.981a.128.128 0 0 0-.036.137.127.127 0 0 0 .162.078.129.129 0 0 0 .043-.025l1.091-.981a.127.127 0 0 0-.078-.222zm9.915.003a.127.127 0 0 0-.079.222l1.091.982a.127.127 0 1 0 .17-.19l-1.09-.981a.126.126 0 0 0-.092-.033zm-8.88.932a.127.127 0 0 0-.107.053l-.863 1.187a.127.127 0 0 0 .206.15l.863-1.187a.127.127 0 0 0-.033-.182.126.126 0 0 0-.065-.02zm7.84.006a.127.127 0 0 0-.098.202l.861 1.188a.128.128 0 1 0 .206-.15l-.861-1.188a.126.126 0 0 0-.108-.052zm-8.954.183a.127.127 0 0 0-.087.042l-.414.459a.127.127 0 0 0 .19.17l.412-.458a.127.127 0 0 0-.1-.213zm10.075 0a.127.127 0 0 0-.101.213l.413.459a.126.126 0 0 0 .137.035.129.129 0 0 0 .072-.066.126.126 0 0 0 .005-.097.127.127 0 0 0-.025-.043l-.413-.458a.126.126 0 0 0-.088-.042zm-7.755.51a.126.126 0 0 0-.118.075l-.598 1.34a.127.127 0 0 0 .232.104l.598-1.34a.127.127 0 0 0-.114-.18zm5.428.003a.128.128 0 0 0-.125.118.128.128 0 0 0 .01.061l.597 1.341a.126.126 0 0 0 .12.076.126.126 0 0 0 .115-.082.126.126 0 0 0-.002-.097l-.597-1.341a.127.127 0 0 0-.118-.076zm-6.478.411a.127.127 0 0 0-.102.064l-.308.534a.127.127 0 1 0 .22.127l.308-.535a.127.127 0 0 0-.118-.19zm7.537 0a.127.127 0 0 0-.12.19l.309.535a.129.129 0 0 0 .127.063.127.127 0 0 0 .094-.19l-.31-.535a.128.128 0 0 0-.1-.063zm-5.155.019a.128.128 0 0 0-.126.101l-.305 1.436a.13.13 0 0 0 .018.095.128.128 0 0 0 .176.038.127.127 0 0 0 .055-.08l.305-1.436a.128.128 0 0 0-.124-.154zm2.768.001a.126.126 0 0 0-.124.154l.305 1.435a.13.13 0 0 0 .055.08.128.128 0 0 0 .176-.037.126.126 0 0 0 .017-.096l-.304-1.435a.127.127 0 0 0-.125-.101zM12 18.036a.13.13 0 0 0-.09.037.128.128 0 0 0-.037.09v1.468a.127.127 0 1 0 .254 0v-1.468a.127.127 0 0 0-.127-.127zm-2.336.474a.127.127 0 0 0-.11.088l-.19.587a.127.127 0 0 0 .242.078l.19-.587a.127.127 0 0 0-.132-.166zm4.67 0a.127.127 0 0 0-.132.166l.191.588a.127.127 0 0 0 .242-.079l-.19-.587a.127.127 0 0 0-.11-.088zm-3.133.327a.127.127 0 0 0-.114.114l-.064.613a.125.125 0 0 0 .027.094.128.128 0 0 0 .135.042.129.129 0 0 0 .09-.11l.066-.613a.125.125 0 0 0-.037-.103.127.127 0 0 0-.103-.037zm1.592.001a.128.128 0 0 0-.102.037.126.126 0 0 0-.037.103l.065.613a.127.127 0 1 0 .253-.026l-.064-.614a.127.127 0 0 0-.114-.113z" fill="#F4F2F3"/><g opacity=".409" filter="url(#filter1_f_29_514)"><path d="M17.963 6.397l-6.961 4.044L6.6 17.37l6.438-4.77 4.924-6.203z" fill="#000"/></g><path d="M12.997 12.53l-1.995-2.09 7.078-4.76-5.083 6.85z" fill="#FF5150"/><path d="M12.998 12.53l-1.995-2.09-5.084 6.852 7.079-4.762z" fill="#F1F1F1"/><path opacity=".243" d="M5.92 17.292l7.077-4.762 5.084-6.85L5.919 17.291z" fill="#000"/><defs><filter id="filter0_f_29_514" x=".51" y="1.109" width="22.98" height="22.304" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1.184" result="effect1_foregroundBlur_29_514"/></filter><filter id="filter1_f_29_514" x="5.927" y="5.723" width="12.709" height="12.32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation=".337" result="effect1_foregroundBlur_29_514"/></filter><linearGradient id="paint0_linear_29_514" x1="12" y1="20.954" x2="12" y2="2.017" gradientUnits="userSpaceOnUse"><stop stop-color="#BDBDBD"/><stop offset="1" stop-color="#fff"/></linearGradient><radialGradient id="paint1_radial_29_514" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.039 10.213) scale(9.46859)"><stop stop-color="#06C2E7"/><stop offset=".25" stop-color="#0DB8EC"/><stop offset=".5" stop-color="#12AEF1"/><stop offset=".75" stop-color="#1F86F9"/><stop offset="1" stop-color="#107DDD"/></radialGradient></defs></svg>

package/docs/img/browsers/vivaldi.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.937 21.263c4.063 0 6.316 0 7.79-1.474C21.2 18.316 21.2 16.063 21.2 12s0-6.316-1.473-7.79C18.253 2.737 16 2.737 11.937 2.737c-4.063 0-6.316 0-7.79 1.473C2.675 5.684 2.675 7.938 2.675 12c0 4.063 0 6.316 1.474 7.79 1.473 1.473 3.726 1.473 7.789 1.473z" fill="#EF3939"/><path d="M17.958 8.568A6.947 6.947 0 0 0 5.21 10.211a6.902 6.902 0 0 0 .715 5.305.22.22 0 0 0 .042.063l3.264 5.663 2.684.021c1.8 0 3.252 0 4.442-.126 1.474-.158 2.537-.526 3.358-1.348 1.19-1.189 1.42-2.905 1.463-5.663l-3.221-5.558z" fill="url(#paint0_linear_29_518)"/><path d="M16.81 7.095a6.924 6.924 0 0 0-9.81 0 6.957 6.957 0 0 0 2.25 11.328 6.925 6.925 0 0 0 7.56-1.507 6.957 6.957 0 0 0 0-9.821zm-.41 3.2l-3.431 5.968c-.211.369-.516.59-.948.621-.474.032-.842-.168-1.084-.579l-3.474-6.031c-.442-.769.053-1.706.937-1.748.463-.02.821.19 1.063.6.327.548.642 1.106.958 1.664l.695 1.2c.347.578.842.894 1.516.936a1.856 1.856 0 0 0 1.947-1.642c.01-.074.01-.147.021-.19 0-.326-.063-.6-.2-.862-.358-.716.021-1.506.79-1.685.631-.136 1.273.327 1.357.958a1.2 1.2 0 0 1-.147.79z" fill="#fff"/><defs><linearGradient id="paint0_linear_29_518" x1="8.446" y1="5.994" x2="17.298" y2="21.324" gradientUnits="userSpaceOnUse"><stop stop-opacity=".2"/><stop offset=".79" stop-opacity=".05"/></linearGradient></defs></svg>

package/docs/index.mdx

@@ -0,0 +1,16 @@
+---
+title: Welcome to Tabler Documentation
+summary: Tabler Docs provides a comprehensive guide to help you get started with the Tabler ecosystem, including its UI components, plugins, and icons. Explore detailed documentation to understand and leverage the full potential of Tabler in your projects.
+---
+
+<ResponsiveImage src="/docs/tabler.png" src-dark="/docs/tabler-dark.png" alt="Tabler" width="816" height="620" className="mb-4" />
+
+Find all the guides and resources you need to develop with Tabler and our other tools. Explore our UI components, icons, illustrations, and email templates to enhance your web development experience. Our tools are designed to be easy to use, customizable, and fully responsive, ensuring that your projects look great on any device.
+
+<Cards>
+   <Card title="UI Components" href="/docs/ui" icon="paint">Free and open source web application UI kit based on Bootstrap</Card>
+   <Card title="Icons" href="/docs/icons" icon="ghost"><IconsCount /> pixel-perfect icons for web design and development</Card>
+   <Card title="Illustrations" href="/docs/illustrations" icon="brand-figma"><IllustrationsCount /> customizable SVG illustrations for your web project</Card>
+   <Card title="Email Templates" icon="mail" disabled badge="Comming soon"><EmailsCount /> responsive email templates ready to use in your marketing campaigns</Card>
+   <Card title="Avatars" icon="user-circle" disabled badge="Comming soon">Package of over 100 avatars for your next web project</Card>
+</Cards>

package/docs/ui/base/colors.mdx

@@ -1,25 +1,83 @@
 ---
 title: Colors
-description: The choice of colors for a website or app interface has an big influence on how users interact with the product and what decisions they make. Harmonic colors can contribute to a nice first impression and encourage users to engage with your product, so it's a very important aspect of a successful design, which needs to be well thought out.
+summary: The choice of colors for a website or app interface has an big influence on how users interact with the product and what decisions they make. Harmonic colors can contribute to a nice first impression and encourage users to engage with your product, so it's a very important aspect of a successful design, which needs to be well thought out.
 bootstrapLink: utilities/colors/
+description: Impact of colors on user interface design.
 ---
 
 ## Base colors
 
 Choose one of the available colors from the basic color palette and make your design attractive for users. You can use the colors to customize the design of components, indicate different states or suggest actions you want users to take.
 
-<ColorsTable name="base" />
+<ColorsTable colors={[ 
+  { name: "blue", value: "#066fd1" }, 
+  { name: "azure", value: "#4299e1" },
+  { name: "indigo", value: "#4263eb" }, 
+  { name: "purple", value: "#ae3ec9" },
+  { name: "pink", value: "#d6336c" },
+  { name: "red", value: "#d63939" },
+  { name: "orange", value: "#f76707" },
+  { name: "yellow", value: "#f59f00" },
+  { name: "lime", value: "#74b816" },
+  { name: "green", value: "#2fb344" },
+  { name: "teal", value: "#0ca678" },
+  { name: "cyan", value: "#17a2b8" },
+]}/>
 
 ## Light colors
 
 All available colors can come in pastel shades, which are perfect for more subtle designs and can be easily combined with the basic palette to create eye-catching designs.
 
-<ColorsTable name="light" />
+<ColorsTable colors={[
+  { name: "blue-lt", value: "#e9f0f9" },
+  { name: "azure-lt", value: "#ecf5fc" },
+  { name: "indigo-lt", value: "#eceffd" },
+  { name: "purple-lt", value: "#f7ecfa" },
+  { name: "pink-lt", value: "#fbebf0" },
+  { name: "red-lt", value: "#fbebeb" },
+  { name: "orange-lt", value: "#fef0e6" },
+  { name: "yellow-lt", value: "#fef5e6" },
+  { name: "lime-lt", value: "#f1f8e8" },
+  { name: "green-lt", value: "#eaf7ec" },
+  { name: "teal-lt", value: "#e7f6f2" },
+  { name: "cyan-lt", value: "#e8f6f8" }
+]}/>
 
 ## Gray palette
 
-<ColorsTable name="grays" />
+The gray palette is a great choice for creating a neutral background for your design. It can be used to create a clean and professional look, and can be combined with other colors to create a harmonious design.
+
+<ColorsTable colors={[
+  { name: "gray-50", value: "#f8fafc" },
+  { name: "gray-100", value: "#f1f5f9" },
+  { name: "gray-200", value: "#e2e8f0" },
+  { name: "gray-300", value: "#c8d3e1" },
+  { name: "gray-400", value: "#9ba9be" },
+  { name: "gray-500", value: "#6c7a91" },
+  { name: "gray-600", value: "#49566c" },
+  { name: "gray-700", value: "#313c52" },
+  { name: "gray-800", value: "#1d273b" },
+  { name: "gray-900", value: "#0f172a" }
+]} />
 
 ## Social colors
 
-<ColorsTable name="social" />
+Use the colors of popular social networks to create a recognizable design and make it easier for users to interact with your product.
+
+<ColorsTable colors={[
+  { name: "facebook", value: "#1877F2" },
+  { name: "twitter", value: "#1da1f2" },
+  { name: "linkedin", value: "#0a66c2" },
+  { name: "google", value: "#dc4e41" },
+  { name: "youtube", value: "#ff0000" },
+  { name: "vimeo", value: "#1ab7ea" },
+  { name: "dribbble", value: "#ea4c89" },
+  { name: "github", value: "#181717" },
+  { name: "instagram", value: "#e4405f" },
+  { name: "pinterest", value: "#bd081c" },
+  { name: "vk", value: "#6383a8" },
+  { name: "rss", value: "#ffa500" },
+  { name: "flickr", value: "#0063dc" },
+  { name: "bitbucket", value: "#0052cc" },
+  { name: "tabler", value: "#066fd1" }
+]} />

package/docs/ui/base/index.mdx

@@ -0,0 +1,6 @@
+---
+title: Base
+order: 2
+description: Foundational elements for UI design.
+summary: The base section includes foundational elements such as colors, typography, and spacing that form the building blocks of a cohesive and consistent user interface.
+---

package/docs/ui/base/typography.mdx

@@ -1,14 +1,16 @@
 ---
 title: Typography
-description: Typography plays an important role in creating an attractive and clear interface design. Good typography will make the content easy to follow and improve the usability of your website.
+summary: Typography plays an important role in creating an attractive and clear interface design. Good typography will make the content easy to follow and improve the usability of your website.
 bootstrapLink: content/typography/
+description: Role of typography in interface design.
 ---
 
 ## Headings
 
-Use HTML headings to organize content on your website and make the structure clear and user-friendly.
+Use HTML headings to organize content on your website and make the structure clear and user-friendly. The `h1` to `h6` tags are used to define HTML headings. 
+The `h1` tag is the highest level and the `h6` tag is the lowest level.
 
-```html example vertical
+```html
 <h1>H1 Heading</h1>
 <h2>H2 Heading</h2>
 <h3>H3 Heading</h3>
@@ -17,7 +19,9 @@ Use HTML headings to organize content on your website and make the structure cle
 <h6>H6 Heading</h6>
 ```
 
-```html
+There is example of headings with different levels:
+
+```html example vertical columns={1}
 <h1>H1 Heading</h1>
 <h2>H2 Heading</h2>
 <h3>H3 Heading</h3>
@@ -28,7 +32,13 @@ Use HTML headings to organize content on your website and make the structure cle
 
 ## Paragraphs
 
-Organize longer pieces of text into paragraphs using the `p` tag.
+Organize longer pieces of text into paragraphs using the `p` tag. It is the most common element for text content. 
+
+```html
+<p>At vero eos et accusam et justo duo dolores et ea rebum.</p>
+```
+
+If you use second paragraph, it will be separated from the first one by a blank line.
 
 ```html example vertical centered columns={2}
 <div>
@@ -37,34 +47,10 @@ Organize longer pieces of text into paragraphs using the `p` tag.
 </div>
 ```
 
-```html
-<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
-<p>At vero eos et accusam et justo duo dolores et ea rebum.</p>
-```
 
 ## Semantic text elements
 
-Use a variety of semantic text elements, depending of how you want to display particular fragments of content.
-
-```html example vertical separated columns={1}
-<div><abbr title="Internationalization">I1f8N</abbr></div>
-<div><strong>Bold</strong></div>
-<div><cite>Citation</cite></div>
-<div><code>Hello World!</code></div>
-<div><del>Deleted</del></div>
-<div><em>Emphasis</em></div>
-<div><i>Italic</i></div>
-<div><ins>Inserted</ins></div>
-<div><kbd>Ctrl + S</kbd></div>
-<div><mark>Highlighted</mark></div>
-<div><s>Strikethrough</s></div>
-<div><samp>Sample</samp></div>
-<div>Text <sub>Subscripted</sub></div>
-<div>Text <sup>Superscripted</sup></div>
-<div><time>20:00</time></div>
-<div><u>Underline</u></div>
-<div><var>x</var> = <var>y</var> + 2</div>
-```
+Use a variety of semantic text elements, depending of how you want to display particular fragments of content. 
 
 ```html
 <abbr title="Internationalization">I18N</abbr>
@@ -86,6 +72,60 @@ Text <sup>Superscripted</sup>
 <var>x</var> = <var>y</var> + 2
 ```
 
+Here is an example of semantic text elements:
+
+```html example vertical separated columns={1}
+<div>
+  <abbr title="Internationalization">I1f8N</abbr>
+</div>
+<div><strong>Bold</strong></div>
+<div>
+  <cite>Citation</cite>
+</div>
+<div>
+  <code>Hello World!</code>
+</div>
+<div>
+  <del>Deleted</del>
+</div>
+<div>
+  <em>Emphasis</em>
+</div>
+<div>
+  <i>Italic</i>
+</div>
+<div>
+  <ins>Inserted</ins>
+</div>
+<div>
+  <kbd>Ctrl + S</kbd>
+</div>
+<div>
+  <mark>Highlighted</mark>
+</div>
+<div>
+  <s>Strikethrough</s>
+</div>
+<div>
+  <samp>Sample</samp>
+</div>
+<div>Text <sub>Subscripted</sub>
+</div>
+<div>Text <sup>Superscripted</sup>
+</div>
+<div>
+  <time>20:00</time>
+</div>
+<div>
+  <u>Underline</u>
+</div>
+<div>
+  <var>x</var> = <var>y</var> + 2
+</div>
+```
+
+
+
 ## Horizontal rules
 
 Use the `hr` tag to represent a thematic break between paragraphs within one section.
@@ -106,7 +146,7 @@ Use the `hr` tag to represent a thematic break between paragraphs within one sec
 
 You can also add a label to a horizontal rule and align it as you see fit.
 
-```html code example vertical centered columns={2}
+```html example vertical centered columns={2}
 <p>
   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
 </p>
@@ -146,40 +186,11 @@ Tabler has been optimized to correctly display content in any language. It suppo
 <p>อักษรไทย</p>
 ```
 
-```html
-<h5>Chinese</h5>
-<p>汉字</p>
-
-<h5>Japanese</h5>
-<p>日本語の表記体系</p>
-
-<h5>Cyrillic</h5>
-<p>Кириллица</p>
-
-<h5>Greek</h5>
-<p>Eλληνική</p>
-
-<h5>Georgian</h5>
-<p>ქართული დამწერლობა</p>
-
-<h5>Armenian</h5>
-<p>Հայերենի այբուբեն</p>
-
-<h5>Arabic</h5>
-<p>الحروف العربية</p>
-
-<h5>Hebrew</h5>
-<p>אלפבית עברי</p>
-
-<h5>Thai</h5>
-<p>อักษรไทย</p>
-```
-
 ## Text transform
 
 Transform the content of components with text capitalization classes.
 
-```html example vertical
+```html example vertical centered separated columns={1}
 <div class="text-lowercase">Lowercased text.</div>
 <div class="text-uppercase">Uppercased text.</div>
 <div class="text-capitalize">Capitalized text.</div>
@@ -195,7 +206,7 @@ Transform the content of components with text capitalization classes.
 
 Control the tracking (letter spacing) of an element and make it tight, wide or normal.
 
-```html example vertical
+```html example vertical centered separated columns={1}
 <div class="tracking-tight">Lorem ipsum dolor sit amet. Tight letter spacing.</div>
 <div class="tracking-normal">Lorem ipsum dolor sit amet. Normal letter spacing.</div>
 <div class="tracking-wide">Lorem ipsum dolor sit amet. Wide letter spacing.</div>
@@ -211,44 +222,28 @@ Control the tracking (letter spacing) of an element and make it tight, wide or n
 
 Control the leading (line height) of an element.
 
-```html example
-<div class="row">
-  <div class="col">
-    <div class="card">
-      <div class="card-body">
-        <div class="lh-1">Lorem ipsum dolor sit amet. Dolor sit amet.</div>
-      </div>
-    </div>
-  </div>
-  <div class="col">
-    <div class="card">
-      <div class="card-body">
-        <div class="lh-sm">Lorem ipsum dolor sit amet. Dolor sit amet.</div>
-      </div>
-    </div>
-  </div>
-  <div class="col">
-    <div class="card">
-      <div class="card-body">
-        <div class="lh-base">Lorem ipsum dolor sit amet. Dolor sit amet.</div>
-      </div>
-    </div>
-  </div>
-  <div class="col">
-    <div class="card">
-      <div class="card-body">
-        <div class="lh-lg">Lorem ipsum dolor sit amet. Dolor sit amet.</div>
-      </div>
-    </div>
-  </div>
-</div>
+```html example vertical centered separated columns={1} height="20rem"
+<p class="lh-1">
+  This is the long text with line height 1. Lorem ipsum dolor sit amet. Dolor sit amet.
+</p>
+<p class="lh-sm">
+  This is the long text with small line height. Lorem ipsum dolor sit amet. Dolor sit amet.
+</p>
+<p class="lh-base">
+  This is the long text with base line height. Lorem ipsum dolor sit amet. Dolor sit amet.
+</p>
+<p class="lh-lg">
+  This is the long text with large line height. Lorem ipsum dolor sit amet. Dolor sit amet.
+</p>
 ```
 
+To control the line height of an element, use the following classes:
+
 ```html
-<p class="lh-1">Lorem ipsum dolor sit amet. Dolor sit amet.</p>
-<p class="lh-sm">Lorem ipsum dolor sit amet. Dolor sit amet.</p>
-<p class="lh-base">Lorem ipsum dolor sit amet. Dolor sit amet.</p>
-<p class="lh-lg">Lorem ipsum dolor sit amet. Dolor sit amet.</p>
+<p class="lh-1">...</p>
+<p class="lh-sm">...</p>
+<p class="lh-base">...</p>
+<p class="lh-lg">...</p>
 ```
 
 ## Antialiasing
@@ -257,7 +252,7 @@ Control the font smoothing of an element.
 
 Use the `.antialiased` utility to render text using subpixel antialiasing or use the `.subpixel-antialiased` utility to remove antialiasing.
 
-```html code example
+```html example vertical centered separated columns={1}
 <div class="antialiased">Text with antialiasing</div>
 <div class="subpixel-antialiased">Text without antialiasing</div>
 ```
@@ -266,7 +261,7 @@ Use the `.antialiased` utility to render text using subpixel antialiasing or use
 
 Use the `<kbd>` to indicate input that is typically entered via keyboard.
 
-```html example centered
+```html example vertical centered
 <div>
   To edit settings, press <kbd>ctrl</kbd> + <kbd>,</kbd> or <kbd>ctrl</kbd> + <kbd>C</kbd>.
 </div>
@@ -278,9 +273,9 @@ To edit settings, press <kbd>ctrl</kbd> + <kbd>,</kbd> or <kbd>ctrl</kbd> + <kbd
 
 ## Markdown elements
 
-If you can't use the CSS classes you want or if you just want to use HTML tags, use the `.markdown` class in a container. It can handle almost any HTML tag.
+If you can't use the CSS classes you want or if you just want to use HTML tags, use the `.markdown` class in a container. It will apply the default styles for markdown elements. 
 
-```html code example centered background="white" columns={2} height="30rem"
+```html example centered background="white" columns={2} height="30rem"
 <div class="markdown">
   <h1>Hello World</h1>
   <p>Lorem ipsum<sup>[1]</sup> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<sub>script</sub> works as well!</p>