@newlogic-digital/ui 3.5.0 → 4.0.0

package/src/templates/Sections/Ui/Icons.html

@@ -1,30 +0,0 @@
-<div class="py-section" data-controller="s-ui-icons">
-    <div class="container gap-6 flex flex-wrap" id="icons">
-        <h1 class="ui-heading lg w-full">Icons</h1>
-        <div class="ui-text w-full -mt-2">
-            <p>Basic icon set from <a href="https://heroicons.com/" target="_blank">heroicons.com</a>. You can add more in your <code>body</code> as <code>symbol</code></p>
-        </div>
-    </div>
-</div>
-<noscript n:syntax="off" data-controller="lib-script">
-    window.LibStimulus.default.controllers.filter((controller) => {
-        return controller.context.module.definition.identifier === 's-ui-icons'
-    }).length === 0 && window.LibStimulus.default.register('s-ui-icons', class extends window.LibStimulus.Controller {
-        connect() {
-            document.querySelectorAll('body > svg').forEach((svg) => {
-                [...svg.children].forEach(symbol => {
-                    this.element.querySelector('#icons').insertAdjacentHTML('beforeend', `
-                    <button class="flex flex-col justify-center items-center gap-2 p-4 bg-main/5 hover:bg-main/10 transition-all rounded min-w-[8rem] cursor-pointer" data-action="click->s-ui-icons#copy">
-                        <svg class="sq-6"><use href="#${symbol.id}"></use></svg>
-                        <div class="ui-title font-normal">${symbol.id}</div>
-                    </button>
-                `)
-                })
-            })
-        }
-
-        async copy({ currentTarget }) {
-            await navigator.clipboard.writeText(`<svg class="w-6 h-6"><use href="${currentTarget.querySelector('use').getAttribute('href')}"></use></svg>`)
-        }
-    })
-</noscript>

package/src/templates/Sections/Ui/Intro.html

@@ -1,165 +0,0 @@
-<section class="s-intro pt-6 pb-8">
-    <div class="container">
-        <div class="wrp_s_head md:py-12">
-            <h1 class="ui-heading max-md:text-2xl md:text-5xl md:leading-tight dark:text-light" data-size>Lightweight, modern and modular CSS&nbsp;framework with best principles</h1>
-            <div class="ui-text md:text-2xl pt-8 pb-6 text-secondary dark:text-light dark:text-opacity-80">
-                <p>Component framework with easy syntax for backend integration. Modern approach of CSS properties, enriched with utility classes from <a href="https://tailwindcss.com" target="_blank">TailwindCSS</a> and powered by <a href="https://winduum.dev" target="_blank">Winduum</a></p>
-            </div>
-            <div class="ui-text text-secondary dark:text-light dark:text-opacity-80">
-                <p>Javascript implementation is only <b>28 kB</b> and mainly intended for use on backend rendered websites and applications with PHP framework Nette</p>
-            </div>
-            <div class="row py-6 g-3 flex-wrap">
-                <div class="col">
-                    <a href="/ui" class="ui-btn">
-                        <span>Documentation</span>
-                    </a>
-                </div>
-                <div class="col">
-                    <a href="https://github.com/newlogic-digital/ui" target="_blank" rel="noopener" class="ui-btn accent-main">
-                        <span>Github v3.5.x</span>
-                    </a>
-                </div>
-            </div>
-            <div class="inline-flex bg-gray-50 dark:bg-light dark:bg-opacity-10 font-mono leading-6 py-3 px-6 rounded-xl items-center justify-center">
-                <span class="text-gray-900 dark:text-light dark:text-opacity-80"><span class="hidden sm:inline text-gray-500" aria-hidden="true">$ </span>git clone --depth 1 https://github.com/newlogic-digital/ui.git . && npm i</span>
-            </div>
-        </div>
-        <div class="wrp_s_body">
-            <h1 class="ui-heading">Under the hood</h1>
-            <div class="flex py-6 gap-4 flex-wrap items-center">
-                <div class="col">
-                    <a href="https://winduum.dev/" target="_blank">
-                        <svg class="w-auto h-12" fill="none" version="1.1" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
-                            <path transform="matrix(1.6347 0 0 1.6347 -163.34 -163.97)" d="m164.12 328.98c6.506 0 11.78-5.274 11.78-11.78s-5.274-11.78-11.78-11.78-11.78 5.274-11.78 11.78 5.274 11.78 11.78 11.78z" fill="#064b95" filter="url(#filter1_d_23_89)"/>
-                            <path transform="matrix(1.6347 0 0 1.6347 -163.34 -163.97)" d="m359.88 196.34c-10.93-24.75-30.8-44.62-55.55-55.55-88.9-39.26-175.33 25.24-175.33 109.55 0 15.61 2.97 30.54 8.36 44.26 2.68 6.81 10.94 9.47 17.15 5.59 4.85-3.02 6.76-9.07 4.68-14.39-4.3-11-6.67-22.96-6.67-35.46 0-68.89 71.6-121.38 144.29-86.95 17.72 8.4 32.06 22.73 40.46 40.46 34.43 72.69-18.06 144.29-86.95 144.29-21.13 0-40.72-6.74-56.73-18.18-4.63-3.31-10.95-2.89-14.99 1.12l-0.29 0.29c-5.03 5-4.45 13.37 1.31 17.52 19.92 14.33 44.34 22.79 70.7 22.79 84.31 0 148.8-86.43 109.55-175.33z" fill="#064b95" filter="url(#filter1_d_23_89)"/>
-                            <path transform="matrix(1.6347 0 0 1.6347 -163.34 -163.97)" d="m152.54 250.34c0-68.82 71.44-121.26 144.05-87.06 17.64 8.31 31.91 22.3 40.37 39.87 21.5 44.67 10.089 89-17.851 116.66-4.16 4.12-4.749 10.62-1.299 15.35 4.23 5.79 12.629 6.51 17.739 1.47 33.76-33.34 48.131-86.28 24.411-140.15-10.93-24.81-30.81-44.74-55.61-55.69-88.9-39.26-175.33 25.24-175.33 109.55 0 15.61 2.97 30.54 8.36 44.26 2.68 6.81 10.94 9.47 17.15 5.59 4.85-3.02 6.76-9.07 4.68-14.39-4.3-11-6.67-22.96-6.67-35.46z" fill="#038aff" filter="url(#filter1_d_23_89)"/>
-                            <defs>
-                                <filter id="filter1_d_23_89" x="111" y="112" width="292.68" height="292.68" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
-                                    <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-                                    <feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
-                                    <feOffset dx="7" dy="8"/>
-                                    <feGaussianBlur stdDeviation="12.5"/>
-                                    <feComposite in2="hardAlpha" operator="out"/>
-                                    <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0"/>
-                                    <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_23_89"/>
-                                    <feBlend in="SourceGraphic" in2="effect1_dropShadow_23_89" result="shape"/>
-                                </filter>
-                            </defs>
-                            <path d="m295.82 290.94c-20.497 0-41.01-9.3433-56.619-28.012-19.336-23.13-50.754-23.111-70.045 0-5.972 7.1492-15.625 7.1492-21.597 0-5.972-7.1492-5.972-18.705 0-25.854 31.204-37.337 82.004-37.373 113.24 0 19.321 23.111 50.739 23.093 70.045 0 5.972-7.1492 15.625-7.1492 21.597 0 5.972 7.1492 5.972 18.705 0 25.854-15.594 18.668-36.107 28.012-56.619 28.012z" fill="#038aff" stroke-width=".52223"/>
-                        </svg>
-                    </a>
-                </div>
-                <div class="col mr-2">
-                    <a href="https://tailwindcss.com/docs" target="_blank">
-                        <svg class="w-auto h-6" viewBox="0 0 247 31"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.517 0C18.712 0 14.46 3.382 12.758 10.146c2.552-3.382 5.529-4.65 8.931-3.805 1.941.482 3.329 1.882 4.864 3.432 2.502 2.524 5.398 5.445 11.722 5.445 6.804 0 11.057-3.382 12.758-10.145-2.551 3.382-5.528 4.65-8.93 3.804-1.942-.482-3.33-1.882-4.865-3.431C34.736 2.92 31.841 0 25.517 0zM12.758 15.218C5.954 15.218 1.701 18.6 0 25.364c2.552-3.382 5.529-4.65 8.93-3.805 1.942.482 3.33 1.882 4.865 3.432 2.502 2.524 5.397 5.445 11.722 5.445 6.804 0 11.057-3.381 12.758-10.145-2.552 3.382-5.529 4.65-8.931 3.805-1.941-.483-3.329-1.883-4.864-3.432-2.502-2.524-5.398-5.446-11.722-5.446z" fill="#06B6D4"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M76.546 12.825h-4.453v8.567c0 2.285 1.508 2.249 4.453 2.106v3.463c-5.962.714-8.332-.928-8.332-5.569v-8.567H64.91V9.112h3.304V4.318l3.879-1.143v5.937h4.453v3.713zM93.52 9.112h3.878v17.849h-3.878v-2.57c-1.365 1.891-3.484 3.034-6.285 3.034-4.884 0-8.942-4.105-8.942-9.389 0-5.318 4.058-9.388 8.942-9.388 2.801 0 4.92 1.142 6.285 2.999V9.112zm-5.674 14.636c3.232 0 5.674-2.392 5.674-5.712s-2.442-5.711-5.674-5.711-5.674 2.392-5.674 5.711c0 3.32 2.442 5.712 5.674 5.712zm16.016-17.313c-1.364 0-2.477-1.142-2.477-2.463a2.475 2.475 0 012.477-2.463 2.475 2.475 0 012.478 2.463c0 1.32-1.113 2.463-2.478 2.463zm-1.939 20.526V9.112h3.879v17.849h-3.879zm8.368 0V.9h3.878v26.06h-3.878zm29.053-17.849h4.094l-5.638 17.849h-3.807l-3.735-12.03-3.771 12.03h-3.806l-5.639-17.849h4.094l3.484 12.315 3.771-12.315h3.699l3.734 12.315 3.52-12.315zm8.906-2.677c-1.365 0-2.478-1.142-2.478-2.463a2.475 2.475 0 012.478-2.463 2.475 2.475 0 012.478 2.463c0 1.32-1.113 2.463-2.478 2.463zm-1.939 20.526V9.112h3.878v17.849h-3.878zm17.812-18.313c4.022 0 6.895 2.713 6.895 7.354V26.96h-3.878V16.394c0-2.713-1.58-4.14-4.022-4.14-2.55 0-4.561 1.499-4.561 5.14v9.567h-3.879V9.112h3.879v2.285c1.185-1.856 3.124-2.749 5.566-2.749zm25.282-6.675h3.879V26.96h-3.879v-2.57c-1.364 1.892-3.483 3.034-6.284 3.034-4.884 0-8.942-4.105-8.942-9.389 0-5.318 4.058-9.388 8.942-9.388 2.801 0 4.92 1.142 6.284 2.999V1.973zm-5.674 21.775c3.232 0 5.674-2.392 5.674-5.712s-2.442-5.711-5.674-5.711-5.674 2.392-5.674 5.711c0 3.32 2.442 5.712 5.674 5.712zm22.553 3.677c-5.423 0-9.481-4.105-9.481-9.389 0-5.318 4.058-9.388 9.481-9.388 3.519 0 6.572 1.82 8.008 4.605l-3.34 1.928c-.79-1.678-2.549-2.749-4.704-2.749-3.16 0-5.566 2.392-5.566 5.604 0 3.213 2.406 5.605 5.566 5.605 2.155 0 3.914-1.107 4.776-2.749l3.34 1.892c-1.508 2.82-4.561 4.64-8.08 4.64zm14.472-13.387c0 3.249 9.661 1.285 9.661 7.89 0 3.57-3.125 5.497-7.003 5.497-3.591 0-6.177-1.607-7.326-4.177l3.34-1.927c.574 1.606 2.011 2.57 3.986 2.57 1.724 0 3.052-.571 3.052-2 0-3.176-9.66-1.391-9.66-7.781 0-3.356 2.909-5.462 6.572-5.462 2.945 0 5.387 1.357 6.644 3.713l-3.268 1.82c-.647-1.392-1.904-2.035-3.376-2.035-1.401 0-2.622.607-2.622 1.892zm16.556 0c0 3.249 9.66 1.285 9.66 7.89 0 3.57-3.124 5.497-7.003 5.497-3.591 0-6.176-1.607-7.326-4.177l3.34-1.927c.575 1.606 2.011 2.57 3.986 2.57 1.724 0 3.053-.571 3.053-2 0-3.176-9.66-1.391-9.66-7.781 0-3.356 2.908-5.462 6.572-5.462 2.944 0 5.386 1.357 6.643 3.713l-3.268 1.82c-.646-1.392-1.903-2.035-3.375-2.035-1.401 0-2.622.607-2.622 1.892z" fill="currentColor"></path></svg>
-                    </a>
-                </div>
-                <div class="col mr-2">
-                    <a href="https://stimulus.hotwire.dev/" target="_blank">
-                        <svg class="w-auto h-6" viewBox="0 0 372.93 60.02" xmlns="http://www.w3.org/2000/svg">
-                            <g fill="#77e8b9">
-                                <path d="m51.56 33.56h-3.91a7.71 7.71 0 0 0 -3.29.9l-27 15.86a7.52 7.52 0 0 1 -3.28.9h-14.08v7.06a1.77 1.77 0 0 0 1.76 1.72h56.48a1.77 1.77 0 0 0 1.76-1.75v-7.06h-14.12a7.52 7.52 0 0 1 -3.28-.9l-8.08-4.74a1 1 0 0 1 0-1.79l3.84-2.25a3.27 3.27 0 0 1 3 0l3 1.74a7.57 7.57 0 0 0 3.29.9h12.35v-10.59z"></path><path d="m51.56 15.88h-3.91a7.71 7.71 0 0 0 -3.29.9l-27 15.87a7.66 7.66 0 0 1 -3.28.9h-14.08v10.59h12.35a7.71 7.71 0 0 0 3.29-.9l27-15.87a7.66 7.66 0 0 1 3.28-.9h14.08v-10.59z"></path><path d="m58.24 0h-56.48a1.76 1.76 0 0 0 -1.76 1.76v7.06h14.12a7.66 7.66 0 0 1 3.28.9l8.08 4.75a1 1 0 0 1 0 1.78l-3.84 2.26a3.27 3.27 0 0 1 -3 0l-3-1.75a7.71 7.71 0 0 0 -3.29-.9h-12.35v10.59h12.35a7.57 7.57 0 0 0 3.29-.9l27-15.86a7.52 7.52 0 0 1 3.28-.9h14.08v-7.06a1.76 1.76 0 0 0 -1.76-1.73z"></path>
-                            </g>
-                            <g fill="currentColor">
-                                <path d="m108.44 6.17a8.2 8.2 0 0 0 -3.63-1.5 28.17 28.17 0 0 0 -4.91-.39h-9a30.08 30.08 0 0 0 -5 .39 11.92 11.92 0 0 0 -4.18 1.51 9.62 9.62 0 0 0 -3.12 3.13 14.16 14.16 0 0 0 -1.82 5.19l-1.46 8.42a13.23 13.23 0 0 0 -.1 5.37 5.9 5.9 0 0 0 1.92 3.24 8 8 0 0 0 3.7 1.61 27.31 27.31 0 0 0 5.21.44h8.49l-1.54 8.8h-8.65l.88-5.06-13.48 1.77-.54 3.22a14.25 14.25 0 0 0 -.12 5.33 5.74 5.74 0 0 0 1.84 3.24 7.61 7.61 0 0 0 3.61 1.6 28.34 28.34 0 0 0 5.16.42h10.22a30 30 0 0 0 5.25-.42 11.43 11.43 0 0 0 4.19-1.6 9.7 9.7 0 0 0 3.09-3.26 15.68 15.68 0 0 0 1.84-5.34l1.56-9a11.87 11.87 0 0 0 0-5.2 5.72 5.72 0 0 0 -2.16-3.08 8.86 8.86 0 0 0 -3.82-1.5 31.15 31.15 0 0 0 -5.16-.39h-8.49l1.43-8.28h7.77l-.74 4.45 13.24-1.67.54-3.15a11.46 11.46 0 0 0 0-5.18 5.73 5.73 0 0 0 -2.02-3.11z"></path><path d="m150.46 4.83h-35.25l-2.1 12.05h10.73l-6.18 35.48h13.78l6.18-35.48h10.73z"></path><path d="m154.4 4.83-8.29 47.53h13.79l8.28-47.53z"></path><path d="m205.94 4.83-13.38 18.84-7.37-18.84h-10.29l-8.28 47.53h11.92l4.27-24.51 6.22 16.57 11.75-16.91-4.35 24.85h13.82l8.28-47.53z"></path><path d="m246.88 4.83-6.24 35.89h-8.12l6.25-35.89h-13.77l-6.52 37.51a13.58 13.58 0 0 0 -.08 5.34 5.74 5.74 0 0 0 1.93 3.24 8.2 8.2 0 0 0 3.74 1.59 28.12 28.12 0 0 0 5.21.43h10.29a31.14 31.14 0 0 0 5.43-.43 11.7 11.7 0 0 0 4.3-1.59 9.62 9.62 0 0 0 3.09-3.24 15.83 15.83 0 0 0 1.81-5.34l6.5-37.51z"></path><path d="m280.94 4.83h-13.79l-8.28 47.53h28.59l2.1-12.05h-14.8z"></path><path d="m321.41 4.83-6.25 35.89h-8.11l6.25-35.89h-13.79l-6.51 37.51a13.58 13.58 0 0 0 -.08 5.34 5.69 5.69 0 0 0 1.93 3.24 8.16 8.16 0 0 0 3.74 1.59 28 28 0 0 0 5.21.43h10.28a31.18 31.18 0 0 0 5.44-.43 11.58 11.58 0 0 0 4.29-1.59 9.44 9.44 0 0 0 3.09-3.24 15.83 15.83 0 0 0 1.82-5.34l6.52-37.51z"></path><path d="m372.65 9.26a5.74 5.74 0 0 0 -2-3.09 8.2 8.2 0 0 0 -3.65-1.5 28.09 28.09 0 0 0 -4.91-.39h-9a30.12 30.12 0 0 0 -5 .39 11.8 11.8 0 0 0 -4.17 1.51 9.55 9.55 0 0 0 -3.13 3.13 14 14 0 0 0 -1.79 5.19l-1.46 8.42a13.26 13.26 0 0 0 -.11 5.37 5.9 5.9 0 0 0 1.92 3.24 8.07 8.07 0 0 0 3.7 1.61 27.35 27.35 0 0 0 5.22.44h8.48l-1.52 8.8h-8.7l.89-5.06-13.48 1.77-.54 3.22a13.84 13.84 0 0 0 -.12 5.33 5.67 5.67 0 0 0 1.83 3.24 7.65 7.65 0 0 0 3.62 1.6 28.18 28.18 0 0 0 5.16.42h10.22a30 30 0 0 0 5.24-.42 11.55 11.55 0 0 0 4.2-1.6 9.7 9.7 0 0 0 3.09-3.26 15.9 15.9 0 0 0 1.83-5.34l1.56-9a11.72 11.72 0 0 0 0-5.2 5.72 5.72 0 0 0 -2.16-3.08 8.81 8.81 0 0 0 -3.82-1.5 31.06 31.06 0 0 0 -5.16-.39h-8.49l1.43-8.28h7.78l-.75 4.45 13.24-1.67.55-3.15a11.75 11.75 0 0 0 0-5.2z"></path>
-                            </g>
-                        </svg>
-                    </a>
-                </div>
-                <div class="col -mt-4">
-                    <a href="https://swup.js.org/getting-started" target="_blank">
-                        <svg class="w-auto h-12" viewBox="0 0 996 429" xmlns="http://www.w3.org/2000/svg">
-                            <g fill="none">
-                                <path fill="#2D2E82" d="M61.5 355.46C66.5 370.93 80.5 378 99 376 118 374 130.5 365.18 130.5 350.68 130.5 340.68 123.5 336.41 108 334.05L63 328.8C29 324.39 5 309.43 5 271.93 5 228.43 44 195.3 94 190 150.5 184 181.5 207.76 189 249L130 255.24C126 243.16 115.5 234.77 95 236.94 80 238.5 65.5 247 65.5 261 65.5 270 71.5 274.37 85.5 276.39L131.5 282.03C170.5 287.41 191 306.74 191 340.74 191 386.24 151.5 417.42 99.5 422.91 45 428.7 6.5 406.77 0 362L61.5 355.46zM837.73 422.44L775.73 428.99 775.73 123 837.73 116.45 837.73 134.95C847.73 121.95 869.73 108.07 893.73 105.54 958.73 98.67 995.73 148.76 995.73 211.76 995.73 274.76 958.73 332.17 893.73 339.04 869.73 341.57 847.73 332.4 837.73 321.45L837.73 422.44zM837.73 264.94C845.23 279.65 861.73 288.41 879.73 286.5 913.23 282.96 933.23 253.85 933.23 218.35 933.23 182.35 913.23 157.46 879.73 161 861.23 163 845.23 175.65 837.73 191.44L837.73 264.94zM469.82 155.31L469.82 284C469.82 299.38 466.72 311.18 460.6 319.07 454.99 326.32 446.71 330.43 435.31 331.64 423.91 332.85 415.63 330.48 410.02 324.42 403.9 317.82 400.8 306.67 400.8 291.29L400.8 162.61 340.46 169 340.46 297.62C340.46 313 337.36 324.8 331.25 332.69 325.63 339.94 317.36 344.05 305.95 345.25 294.54 346.45 286.28 344.1 280.66 338.03 274.55 331.43 271.45 320.29 271.45 304.91L271.45 176.27 211.1 182.65 211.1 315.65C211.1 345.5 220.21 369.12 237.44 383.95 253.99 398.19 277.68 404.14 305.95 401.15 332.2 398.38 354.45 388.8 370.7 373.37 386.98 385.37 409.18 390.25 435.31 387.49 463.71 384.49 487.45 373.49 503.96 355.79 521.1 337.36 530.16 311.79 530.16 281.94L530.16 148.94 469.82 155.31zM650.38 364.8C683.54 361.3 706.1 350.46 722.65 332.73 739.88 314.25 748.99 288.73 748.99 258.86L748.99 125.86 688.65 132.23 688.65 260.83C688.65 276.21 685.55 288.01 679.43 295.9 673.81 303.15 665.93 308.49 650.43 310.13 634.93 311.77 626.99 308.13 621.37 302.04 615.26 295.44 612.16 284.3 612.16 268.92L612.16 140.28 551.81 146.66 551.81 279.66C551.81 309.51 560.92 333.13 578.15 347.96 594.65 362.24 617.22 368.31 650.38 364.8z"/>
-                                <path fill="#FE5B6A" d="M530.6,95.07 C530.6,112.92 515.49,127.57 497.18,127.57 C479.260342,127.498748 464.751252,112.989658 464.68,95.07 C464.68,76.3 479.33,61.65 497.18,61.65 C506.0525,61.6206515 514.57007,65.1322519 520.843909,71.4060909 C527.117748,77.6799299 530.629348,86.1975003 530.6,95.07 Z"/>
-                                <path fill="#60DDCD" d="M614.9,33.42 C614.9,51.27 599.79,65.92 581.48,65.92 C563.568153,65.8377998 549.071174,51.3318941 549,33.42 C549,14.65 563.63,-3.162943e-15 581.48,-3.162943e-15 C590.3525,-0.0293484583 598.87007,3.48225188 605.143909,9.75609089 C611.417748,16.0299299 614.929348,24.5475003 614.9,33.42 L614.9,33.42 Z"/>
-                            </g>
-                        </svg>
-                    </a>
-                </div>
-            </div>
-            <div class="row g-3 items-center flex-wrap">
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Newlogic Core</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Vite</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Vituum</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">PostCSS</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">TailwindCSS</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Stimulus</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Swup</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Lightweight</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Modern</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Modular</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Accessible</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Responsive</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Progressive</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Fast</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Dark Mode</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Easy syntax</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">CSS Properties</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">ES Modules</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Dynamic Imports</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Lazyloading</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Mobile First</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Backend First</div>
-                </div>
-                <div class="col">
-                    <div class="ui-badge rounded-full accent-body-secondary">Made for Nette</div>
-                </div>
-            </div>
-            <div class="ui-text py-8 accent-main">
-                <p>Newlogic UI uses <a href="https://core.newlogic.cz" target="_blank">Newlogic Core</a>, which compiles modern JS and CSS syntax via <a href="https://vitejs.dev" target="_blank">Vite</a> and <a href="https://vituum.dev" target="_blank">Vituum</a>. Source code can be used with any other tools or even different environment than NodeJS, e.g. Deno and is written in W3C standards and should be runnable in current or future version of browsers.</p>
-            </div>
-        </div>
-        <div class="wrp_s_footer flex items-center mt-2">
-            <svg class="w-8 h-8 mr-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-                <path fill="currentColor" d="M107.709 225.219v258.986h-79.909v-438.37l438.37 438.37h-99.474zM133.212 473.637v-186.856l93.44 93.428zM404.291 286.781v-258.986h79.909v438.37l-438.37-438.358h99.475zM378.788 38.376v186.856l-93.44-93.428zM378.788 2.304l-111.469 111.457-111.457-111.469h-153.564v507.416h130.925l111.446-111.469 111.469 111.469h153.563v-507.416z"></path>
-            </svg>
-            <span>
-                Product by Newlogic Digital
-            </span>
-        </div>
-    </div>
-</section>

package/src/templates/Sections/Ui.latte

@@ -1,8 +0,0 @@
-{if isset($control->intro)}
-    {include 'Ui/Intro.html'}
-{elseif  isset($control->icons)}
-    {include 'Ui/Icons.html'}
-{else}
-    {include 'Ui/Docs/@styles.html'}
-    {include 'Ui/Docs/Default.latte'}
-{/if}

package/src/templates/Ui/+.latte

@@ -1,5 +0,0 @@
-{import 'Check.latte'}
-{import 'Control.latte'}
-{import 'ControlDate.latte'}
-{import 'ControlTime.latte'}
-{import 'ControlSelect.latte'}

package/src/templates/Ui/Check.latte

@@ -1,7 +0,0 @@
-<div class="ui-check {isset($classes) ?? $classes|noescape}"
-    {isset($attributes) ?? $attributes|noescape}
-    n:define="UiCheck"
->
-    {block body}{/block}
-    {block label}{/block}
-</div>

package/src/templates/Ui/Control.latte

@@ -1,9 +0,0 @@
-<div class="ui-control {ifset $classes}{$classes|noescape}{/ifset}"
-    {ifset $attributes}{$attributes|noescape}{/ifset}
-    n:define="UiControl"
->
-    {block iconl}{/block}
-    {block body}{/block}
-    {block iconr}{/block}
-    {block label}{/block}
-</div>

package/src/templates/Ui/ControlDate.latte

@@ -1,14 +0,0 @@
-<div class="ui-control {ifset $classes}{$classes|noescape}{/ifset}"
-    {ifset $attributes}{$attributes|noescape}{/ifset}
-    n:define="UiControlDate"
->
-    {block iconl}{/block}
-    {block body}{/block}
-    <div class="icon-r">
-        {block iconr}{/block}
-        <svg data-action="click->ui-control#showDatepicker">
-            <use href="#icon-calendar"></use>
-        </svg>
-    </div>
-    {block label}{/block}
-</div>

package/src/templates/Ui/ControlSelect.latte

@@ -1,9 +0,0 @@
-<div class="ui-control {ifset $classes}{$classes|noescape}{/ifset}"
-    {ifset $attributes}{$attributes|noescape}{/ifset}
-    n:define="UiControlSelect"
->
-    {block iconl}{/block}
-    {block body}{/block}
-    {block iconr}{/block}
-    {block label}{/block}
-</div>

package/src/templates/Ui/ControlTime.latte

@@ -1,14 +0,0 @@
-<div class="ui-control {ifset $classes}{$classes|noescape}{/ifset}"
-    {ifset $attributes}{$attributes|noescape}{/ifset}
-    n:define="UiControlTime"
->
-    {block iconl}{/block}
-    {block body}{/block}
-    <div class="icon-r">
-        {block iconr}{/block}
-        <svg data-action="click->ui-control#showPicker">
-            <use href="#icon-clock"></use>
-        </svg>
-    </div>
-    {block label}{/block}
-</div>

package/src/views/dialog/basic.json.latte

@@ -1,5 +0,0 @@
-{capture $dialog}
-    {include '../../templates/Components/Dialogs/Basic.latte'}
-{/capture}
-
-{$dialog|json('content')|noescape}

package/src/views/dropdown/tippy.json.latte

@@ -1,19 +0,0 @@
-{capture $content}
-    <div class="c-dropdown">
-        <ul class="wrp_c_list flex-col row-y gy-4">
-            <li class="col">
-                <button class="ui-link">
-                    <span>{ edit }</span>
-                </button>
-            </li>
-            <li class="col">
-                <button class="ui-link">
-                    <span>{ delete }</span>
-                </button>
-            </li>
-        </ul>
-    </div>
-{/capture}
-
-{$content|json('content')|noescape}
-

package/src/views/email/email.latte

@@ -1,6 +0,0 @@
-<extends src="emails/templates.test/Layout.latte">
-    <block name="body">
-        <include src="emails/templates.test/Header.latte"></include>
-        <include src="emails/templates.test/Content.latte"></include>
-    </block>
-</extends>

package/src/views/email/email.test.latte

@@ -1,6 +0,0 @@
-<extends src="emails/templates.test/Layout.latte">
-    <block name="body">
-        <include src="emails/templates.test/Header.latte"></include>
-        <include src="emails/templates.test/Content.latte"></include>
-    </block>
-</extends>

package/src/views/gdpr.json

@@ -1,12 +0,0 @@
-{
-  "headerNormal": true,
-  "page": {
-    "title": "Newlogic UI",
-    "body": [
-      {
-        "src": "Sections/Gdpr.latte",
-        "intro": true
-      }
-    ]
-  }
-}

package/src/views/index.json

@@ -1,12 +0,0 @@
-{
-  "headerNormal": true,
-  "page": {
-    "title": "Newlogic UI",
-    "body": [
-      {
-        "src": "Sections/Ui.latte",
-        "intro": true
-      }
-    ]
-  }
-}

package/src/views/site.json

@@ -1,11 +0,0 @@
-{
-  "headerNormal": true,
-  "page": {
-    "title": "Playground",
-    "body": [
-      {
-        "src": "Sections/Site.latte"
-      }
-    ]
-  }
-}

package/src/views/ui-icons.json

@@ -1,12 +0,0 @@
-{
-  "headerNormal": true,
-  "page": {
-    "title": "Newlogic UI",
-    "body": [
-      {
-        "src": "Sections/Ui.latte",
-        "icons": true
-      }
-    ]
-  }
-}

package/src/views/ui.json

@@ -1,11 +0,0 @@
-{
-  "headerNormal": true,
-  "page": {
-    "title": "Newlogic UI",
-    "body": [
-      {
-        "src": "Sections/Ui.latte"
-      }
-    ]
-  }
-}