npm - zenite-ui - Versions diffs - 1.0.4 → 1.1.0 - Mend

zenite-ui 1.0.4 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/README.md +28 -16
package/css/zenite.min.css +1 -0
package/js/zenite.min.js +1 -0
package/package.json +19 -15
package/js/zenite.js +0 -170
package/zenite-ui/accordion.css +0 -77
package/zenite-ui/alert.css +0 -13
package/zenite-ui/avatar.css +0 -16
package/zenite-ui/badge.css +0 -22
package/zenite-ui/button.css +0 -53
package/zenite-ui/calendar.css +0 -111
package/zenite-ui/card.css +0 -33
package/zenite-ui/carousel.css +0 -56
package/zenite-ui/column.css +0 -41
package/zenite-ui/combobox.css +0 -168
package/zenite-ui/form.css +0 -169
package/zenite-ui/media.css +0 -18
package/zenite-ui/modal.css +0 -80
package/zenite-ui/nav.css +0 -57
package/zenite-ui/pagination.css +0 -50
package/zenite-ui/progress.css +0 -24
package/zenite-ui/sidebar.css +0 -84
package/zenite-ui/skeleton.css +0 -56
package/zenite-ui/switch.css +0 -28
package/zenite-ui/table.css +0 -49
package/zenite-ui/tabs.css +0 -32
package/zenite-ui/tooltip.css +0 -29
package/zenite-ui/typography.css +0 -164
package/zenite-ui/utility.css +0 -14
package/zenite-ui/variable.css +0 -124
package/zenite-ui/zenite.css +0 -25

package/README.md CHANGED Viewed

@@ -7,41 +7,53 @@ O Zênite UI é um framework front-end moderno, leve e responsivo, focado na sim
 ## 1. Diferenciais
 - Leveza: Sem dependências externas pesadas, focado em performance.
 - Responsividade: Design totalmente adaptável para qualquer dispositivo.
-- Modularidade: Estrutura organizada para importação direta ou via bundlers.
+- Modularidade: Estrutura organizada para importação direta via CDN ou via gerenciadores de pacotes.
 ---
-## 2. Instalação
+## 2. Instalação e Utilização
-O framework pode ser instalado no seu projeto via gerenciador de pacotes NPM. Execute o comando abaixo no seu terminal:
+Pode utilizar o Zênite UI de duas formas, dependendo da arquitetura do seu projeto:
-    npm install zenite-ui
+### Opção A: Importação direta via CDN (Mais rápida)
+Ideal para projetos estáticos ou sem processo de *build*. Não é necessária a instalação de pacotes locais. Adicione as referências abaixo diretamente no seu arquivo HTML:
----
+**CSS (Adicione dentro da tag <head>):**
-## 3. Guia de Utilização
+    <link href="https://cdn.jsdelivr.net/npm/zenite-ui@1.0.4/zenite-ui/zenite.min.css" rel="stylesheet">
-### Importação em Projetos Estáticos (HTML)
-Adicione as referências diretamente no seu arquivo HTML apontando para a pasta node_modules:
+**JavaScript (Adicione antes do fechamento da tag <body>):**
-    <link rel="stylesheet" href="./node_modules/zenite-ui/zenite-ui/zenite.css">
-    <script src="./node_modules/zenite-ui/js/zenite.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/zenite-ui@1.0.4/js/zenite.min.js"></script>
+### Opção B: Instalação via NPM (Para Bundlers e Projetos Modernos)
+Ideal se estiver a utilizar ferramentas como Webpack, Vite, React, etc. Execute o comando abaixo no seu terminal:
-### Importação via Bundlers (Webpack, Vite, etc.)
-Em arquiteturas modernas, importe o CSS e o JS nos seus arquivos principais:
+    npm install zenite-ui
+**Importação via Bundlers:**
+Nos seus arquivos principais (ex: `main.js` ou `index.js`), importe o CSS e o JS:
     import 'zenite-ui/zenite-ui/zenite.css';
     import 'zenite-ui';
+**Importação em HTML usando node_modules local:**
+Se instalou via NPM mas ainda usa HTML estático:
+    <link rel="stylesheet" href="./node_modules/zenite-ui/zenite-ui/zenite.css">
+    <script src="./node_modules/zenite-ui/js/zenite.js"></script>
 ---
-## 4. Estrutura do Projeto
-O framework é composto por diversos módulos para facilitar a manutenção:
-- Layout: Grid, Colunas e classes utilitárias.
+## 3. Estrutura do Projeto
+O framework é composto por diversos módulos para facilitar a manutenção e o desenvolvimento:
+- Layout: Grid responsivo, Colunas e classes utilitárias.
 - Componentes: Buttons, Cards, Modals, Navbars, entre outros.
 - Formulários: Inputs estilizados, Checkboxes e Switches.
 ---
-## 5. Licença
+## 4. Licença
 Este projeto está sob a licença MIT. Desenvolvido por Zênite Tecnologia.
+https://www.npmjs.com/package/zenite-ui

package/css/zenite.min.css ADDED Viewed

@@ -0,0 +1 @@

+ details{background-color:var(--zf-background-secondary);border:1px solid rgba(212,175,55,.2);border-radius:8px;margin-bottom:1rem;padding:0 1.5rem;transition:border-color .3s ease;overflow:hidden}details:hover{border-color:#d4af3780}summary{font-weight:600;color:var(--zf-text-light);cursor:pointer;padding:1.5rem 0;outline:none;list-style:none;display:flex;justify-content:space-between;align-items:center}summary:after{content:"\25bc";color:var(--zf-accent);font-size:.8em;transition:transform .3s ease}details[open] summary:after{transform:rotate(180deg)}details[open] summary{border-bottom:1px solid rgba(212,175,55,.2);margin-bottom:1rem}details p{padding-bottom:.5rem}details[open]{animation:expandirCaixa 1.8s cubic-bezier(.25,1,.5,1) forwards}@keyframes expandirCaixa{0%{max-height:75px}to{max-height:500px}}details[open] summary~*{animation:revelarTexto .3s ease-in-out forwards}@keyframes revelarTexto{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.alert{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;background-color:var(--zf-background-secondary);color:var(--zf-text-light);border-left:4px solid var(--zf-text-main);display:flex;align-items:center}.alert-success{border-left-color:#28a745;background-color:#28a7451a}.alert-error{border-left-color:#dc3545;background-color:#dc35451a}.alert-warning{border-left-color:#ffc107;background-color:#ffc1071a}.avatar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background-color:var(--zf-background-secondary);color:var(--zf-text-light);font-weight:700;object-fit:cover;border:2px solid var(--zf-accent)}.avatar-sm{width:32px;height:32px;font-size:.8rem}.avatar-lg{width:64px;height:64px;font-size:1.5rem}.badge{display:inline-block;padding:.25em .85em;font-size:.75em;font-weight:700;text-transform:uppercase;border-radius:9999px;background-color:transparent;color:var(--zf-text-main);border:1px solid var(--zf-text-main);letter-spacing:.05em;line-height:1.5;text-align:center;white-space:nowrap}.badge.badge-accent{background-color:#d4af371a;color:var(--zf-accent);border-color:var(--zf-accent)}.button{display:inline-block;font-family:inherit;font-weight:600;font-size:1rem;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;padding:.75rem 2rem;border-radius:9999px;border:2px solid transparent;transition:all .3s ease;background-color:var(--zf-accent);color:var(--zf-background-primary)}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4af374d}.button:active:not(:disabled){transform:translateY(0)}.button.button-outline{background-color:transparent;border-color:var(--zf-accent);color:var(--zf-accent)}.button.button-outline:hover:not(:disabled){background-color:var(--zf-accent);color:var(--zf-background-primary)}.button:disabled,.button[disabled]{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.button-group{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem}.calendar{background-color:var(--zf-background-secondary);border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;width:100%;max-width:380px;transition:border-color .3s ease,box-shadow .3s ease}.calendar:hover{border-color:var(--zf-accent);box-shadow:0 8px 24px #020d2acc}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calendar-header h3{margin:0;color:var(--zf-text-light);font-size:1.2rem;font-weight:700}.calendar-btn{background:transparent;border:1px solid rgba(212,175,55,.3);color:var(--zf-text-main);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-weight:700}.calendar-btn:hover{background-color:var(--zf-accent);color:var(--zf-background-primary);border-color:var(--zf-accent)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;text-align:center}.calendar-day-name{font-weight:700;font-size:.8rem;color:var(--zf-accent);text-transform:uppercase;margin-bottom:.5rem}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.95rem;color:var(--zf-text-main);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.calendar-day:hover:not(.empty){background-color:#d4af371a;color:var(--zf-text-light);border-color:#d4af374d}.calendar-day.active{background-color:var(--zf-accent);color:var(--zf-background-primary);font-weight:700;box-shadow:0 4px 10px #d4af374d}.calendar-day.empty{cursor:default;opacity:.3}[data-theme=light] .calendar{border-color:#0a1f44!important}[data-theme=light] .calendar-day.active{color:#fff!important}.card{background-color:transparent;border:none;border-radius:0;padding:1rem 0;margin-bottom:1.5rem;display:flex;flex-direction:column;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;height:100%;position:relative;z-index:1}.card>h1:first-child,.card>h2:first-child,.card>h3:first-child{margin-top:0}.card>*:last-child{margin-bottom:0}@media(min-width:600px){.card{background-color:var(--zf-background-secondary);border:1px solid rgba(212,175,55,.2);border-radius:8px;padding:1.5rem}.card:hover,.card:focus-within{transform:translateY(-4px);border-color:var(--zf-accent);box-shadow:0 8px 24px #020d2acc;z-index:50}}.auth-card{width:100%;max-width:450px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:100vh;background-color:transparent;border:none;box-shadow:none;z-index:1}@media(min-width:600px){.auth-card{min-height:auto;margin-top:10vh;margin-bottom:10vh;background-color:var(--zf-background-secondary);border:1px solid rgba(212,175,55,.2);border-radius:8px;box-shadow:0 10px 30px #020d2a80;padding:3rem 2.5rem}}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.5rem;padding-bottom:1.5rem;margin-bottom:1.5rem;scrollbar-width:thin;scrollbar-color:var(--zf-accent) var(--zf-background-secondary)}.carousel::-webkit-scrollbar{height:8px}.carousel::-webkit-scrollbar-track{background:var(--zf-background-secondary);border-radius:4px}.carousel::-webkit-scrollbar-thumb{background:var(--zf-accent);border-radius:4px}.carousel-item{flex:0 0 100%;scroll-snap-align:center;border-radius:8px;overflow:hidden;position:relative}.carousel-item img{width:100%;height:100%;object-fit:cover;display:block}.carousel-cards .carousel-item{flex:0 0 calc(100% - 3rem)}@media(min-width:768px){.carousel-cards .carousel-item{flex:0 0 calc(50% - .75rem)}}@media(min-width:1024px){.carousel-cards .carousel-item{flex:0 0 calc(33.333% - 1rem)}}.container{width:100%;max-width:var(--zf-container-width);margin:0 auto;padding:0 1rem}.row{display:flex;flex-wrap:wrap;gap:var(--zf-column-gap);margin-bottom:var(--zf-column-gap)}.column{flex:1 1 0;min-width:0}.column-1{flex:0 0 calc(8.333% - (var(--zf-column-gap) * 11 / 12))}.column-2{flex:0 0 calc(16.666% - (var(--zf-column-gap) * 10 / 12))}.column-3{flex:0 0 calc(25% - (var(--zf-column-gap) * 9 / 12))}.column-4{flex:0 0 calc(33.333% - (var(--zf-column-gap) * 8 / 12))}.column-5{flex:0 0 calc(41.666% - (var(--zf-column-gap) * 7 / 12))}.column-6{flex:0 0 calc(50% - (var(--zf-column-gap) * 6 / 12))}.column-7{flex:0 0 calc(58.333% - (var(--zf-column-gap) * 5 / 12))}.column-8{flex:0 0 calc(66.666% - (var(--zf-column-gap) * 4 / 12))}.column-9{flex:0 0 calc(75% - (var(--zf-column-gap) * 3 / 12))}.column-10{flex:0 0 calc(83.333% - (var(--zf-column-gap) * 2 / 12))}.column-11{flex:0 0 calc(91.666% - (var(--zf-column-gap) * 1 / 12))}.column-12{flex:0 0 100%}@media(max-width:768px){.column,[class^=column-]{flex:0 0 100%}}.zf-combobox{position:relative;width:100%;margin-bottom:1.5rem;z-index:10}.zf-combobox.active{z-index:999}.zf-combobox-input{width:100%;padding:.75rem 3.5rem .75rem 1rem;margin-bottom:0!important;background-color:var(--zf-background-secondary);border:1px solid rgba(212,175,55,.3);color:var(--zf-text-light);border-radius:8px;font-family:inherit;font-size:1rem;outline:none;transition:all .3s ease;cursor:text}.zf-combobox-input:focus{border-color:var(--zf-accent);box-shadow:0 0 0 3px #d4af3726}.zf-combobox:after{content:"\25bc";position:absolute;top:50%;right:1.25rem;transform:translateY(-50%);color:var(--zf-accent);font-size:.8em;pointer-events:none;transition:transform .3s ease}.zf-combobox.active:after{transform:translateY(-50%) rotate(180deg)}.zf-combobox-clear{position:absolute;top:50%;right:2.25rem;transform:translateY(-50%);color:var(--zf-text-main);font-size:1.4rem;font-weight:700;cursor:pointer;line-height:1;padding:.2rem;z-index:2;opacity:0;visibility:hidden;transition:all .2s ease}.zf-combobox-clear:hover{color:var(--zf-accent)}.zf-combobox.has-value .zf-combobox-clear{opacity:1;visibility:visible}.zf-combobox-list{position:absolute;top:calc(100% + 5px);left:0;width:100%;max-height:250px;overflow-y:auto;background-color:var(--zf-background-secondary);border:1px solid var(--zf-accent);border-radius:8px;box-shadow:0 8px 24px #020d2ae6;z-index:1000;list-style:none;padding:.5rem 0;margin:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.zf-combobox.active .zf-combobox-list{opacity:1;visibility:visible;transform:translateY(0)}.zf-combobox-item{padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(212,175,55,.1)}.zf-combobox-item:last-child{border-bottom:none}.zf-cb-left{display:flex;flex-direction:column}.zf-cb-name{font-weight:700;color:var(--zf-text-light);font-size:1.05rem;transition:color .2s ease}.zf-cb-cpf{font-family:Consolas,Monaco,Andale Mono,monospace;font-size:.85rem;color:var(--zf-text-main);opacity:.8;margin-top:.2rem}.zf-cb-info{font-size:.8rem;background-color:#d4af371a;color:var(--zf-accent);padding:.2rem .6rem;border-radius:9999px;border:1px solid var(--zf-accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.zf-combobox-item:hover,.zf-combobox-item.highlighted{background-color:#d4af371a}.zf-combobox-item:hover .zf-cb-name,.zf-combobox-item.highlighted .zf-cb-name{color:var(--zf-accent)}.zf-combobox-list::-webkit-scrollbar{width:8px}.zf-combobox-list::-webkit-scrollbar-track{background:var(--zf-background-secondary);border-radius:4px}.zf-combobox-list::-webkit-scrollbar-thumb{background:var(--zf-accent);border-radius:4px}label{display:block;margin-bottom:.5rem;color:var(--zf-text-light);font-weight:500}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],textarea,select{width:100%;padding:.75rem 1rem;margin-bottom:1.5rem;background-color:var(--zf-background-secondary);border:1px solid rgba(212,175,55,.3);color:var(--zf-text-light);border-radius:8px;font-family:inherit;font-size:1rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease}textarea{resize:vertical;min-height:120px}input::placeholder,textarea::placeholder{color:var(--zf-text-main);opacity:.7}input:focus,textarea:focus,select:focus{border-color:var(--zf-accent);box-shadow:0 0 0 3px #d4af3726}input[type=checkbox],input[type=radio]{width:auto;margin-right:.5rem;margin-bottom:0;cursor:pointer;accent-color:var(--zf-accent)}.radio-group,.checkbox-group{display:flex;align-items:center;margin-bottom:1.5rem}.radio-group label,.checkbox-group label{margin-bottom:0;margin-right:1.5rem;font-weight:400}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed;background-color:#0a1f4480}input[type=file]{padding:.5rem;background-color:var(--zf-background-secondary);border:1px dashed rgba(212,175,55,.5);color:var(--zf-text-main);border-radius:8px;cursor:pointer;width:100%;margin-bottom:1.5rem}input[type=file]::file-selector-button{background-color:var(--zf-accent);color:var(--zf-background-primary);border:none;padding:.5rem 1rem;border-radius:4px;margin-right:1rem;cursor:pointer;font-weight:600;transition:all .3s ease}input[type=file]::file-selector-button:hover{box-shadow:0 4px 12px #d4af374d;transform:translateY(-1px)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;margin-bottom:1.5rem}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--zf-background-secondary);border-radius:3px;border:1px solid rgba(212,175,55,.2)}input[type=range]::-webkit-slider-thumb{height:18px;width:18px;border-radius:50%;background:var(--zf-accent);cursor:pointer;-webkit-appearance:none;margin-top:-7px;box-shadow:0 0 10px #d4af3766}input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;background:var(--zf-background-secondary);border-radius:3px;border:1px solid rgba(212,175,55,.2)}input[type=range]::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:var(--zf-accent);cursor:pointer;border:none;box-shadow:0 0 10px #d4af3766}img,video{max-width:100%;height:auto;border-radius:8px;display:block}figure{margin:1.5rem 0}figcaption{text-align:center;color:var(--zf-text-main);font-size:.85em;margin-top:.75rem;font-style:italic}dialog{background-color:var(--zf-background-secondary);color:var(--zf-text-light);border:1px solid var(--zf-accent);border-radius:8px;padding:2rem;width:90%;max-width:500px;margin:auto;box-shadow:0 10px 30px #000c}dialog::backdrop{background-color:#020d2ad9;backdrop-filter:blur(4px)}body:has(dialog[open]){overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid rgba(212,175,55,.2);padding-bottom:1rem}.modal-header h2,.modal-header h3{margin:0}.close-modal{background:transparent;border:none;color:var(--zf-text-main);font-size:1.5rem;cursor:pointer;transition:color .3s ease;padding:0}.close-modal:hover{color:var(--zf-accent)}dialog[open]{animation:abrirModal .5s ease-in-out forwards}@keyframes abrirModal{0%{opacity:0;transform:scale(.95) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}dialog[open]::backdrop{animation:aparecerFundo .5s ease-in-out forwards}@keyframes aparecerFundo{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;background-color:#020d2ad9;backdrop-filter:blur(4px)}}header{position:sticky;top:0;z-index:1000;background-color:var(--zf-background-primary);padding:.5rem 0;border-bottom:1px solid rgba(212,175,55,.1);transition:all .3s ease}nav{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;padding:1rem 0;margin-bottom:0;border-bottom:none}nav a{color:var(--zf-text-main);text-decoration:none;font-weight:600;font-size:1rem;transition:color .3s ease}nav a:hover,nav a.active{color:var(--zf-accent)}nav .brand{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:var(--zf-text-light);margin-right:auto}[data-theme=light] header{background-color:#cac7c7!important;border-bottom-color:#0a1f4426!important}@media(max-width:768px){nav{justify-content:center;gap:1rem 1.5rem}nav .brand{margin-right:0;width:100%;text-align:center;margin-bottom:.5rem}}.pagination{display:flex;flex-wrap:wrap;list-style:none;gap:.5rem;padding:0;margin:1.5rem 0 3rem;align-items:center}.pagination li a,.pagination li span{display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 .75rem;border-radius:8px;background-color:var(--zf-background-secondary);border:1px solid rgba(212,175,55,.2);color:var(--zf-text-main);text-decoration:none;font-weight:600;transition:all .3s ease}.pagination li a:hover{border-color:var(--zf-accent);color:var(--zf-text-light);transform:translateY(-2px);box-shadow:0 4px 12px #d4af3726}.pagination li.active span{background-color:var(--zf-accent);border-color:var(--zf-accent);color:var(--zf-background-primary)}.pagination li.disabled span{opacity:.5;cursor:not-allowed;background-color:transparent;border-color:#d4af371a;color:var(--zf-text-main)}progress{appearance:none;width:100%;height:10px;border-radius:5px;overflow:hidden;margin-bottom:1.5rem}progress::-webkit-progress-bar{background-color:var(--zf-background-secondary)}progress::-webkit-progress-value{background-color:var(--zf-accent)}progress::-moz-progress-bar{background-color:var(--zf-accent)}.spinner{display:inline-block;width:1.5rem;height:1.5rem;border:3px solid rgba(212,175,55,.3);border-radius:50%;border-top-color:var(--zf-accent);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-checkbox{display:none}.sidebar-toggle-btn{cursor:pointer;font-size:1.5rem;color:var(--zf-text-light);background-color:var(--zf-background-secondary);border:1px solid var(--zf-accent);padding:.5rem 1rem;border-radius:8px;display:inline-flex;align-items:center;transition:all .3s ease}.sidebar-toggle-btn:hover{background-color:var(--zf-accent);color:var(--zf-background-primary)}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#020d2ab3;backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;background-color:var(--zf-background-secondary);z-index:1050;transform:translate(-105%);visibility:hidden;box-shadow:none;transition:transform .3s ease,box-shadow .3s ease,visibility .3s ease;padding:2rem 1.5rem}.sidebar-checkbox:checked~.sidebar{transform:translate(0);visibility:visible;box-shadow:4px 0 24px #020d2a80}.sidebar-checkbox:checked~.sidebar-overlay{opacity:1;visibility:visible}.sidebar-nav{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.sidebar-nav a{color:var(--zf-text-main);text-decoration:none;font-size:1.1rem;padding:.5rem 0;border-bottom:1px solid rgba(212,175,55,.1);transition:color .3s ease}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--zf-accent)}.skeleton{background-color:#ffffff08;background-image:linear-gradient(90deg,#fff0,#d4af3726,#fff0);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}.skeleton-text{height:1rem;width:100%;margin-bottom:.5rem}.skeleton-text.short{width:80%}.skeleton-image{width:100%;height:150px;border-radius:8px;margin-bottom:1rem}.skeleton-button{height:2.5rem;width:140px;border-radius:9999px;margin-top:1rem}.switch{position:relative;display:inline-block;width:50px;height:26px;margin-right:.5rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--zf-background-secondary);transition:.4s;border-radius:26px;border:1px solid rgba(212,175,55,.3)}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--zf-text-main);transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:var(--zf-accent);border-color:var(--zf-accent)}.switch input:checked+.slider:before{background-color:var(--zf-background-primary);transform:translate(24px)}.table-container{width:100%;overflow-x:auto;margin-bottom:1.5rem;border:1px solid rgba(212,175,55,.2);border-radius:8px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:1rem 1.5rem;border-bottom:1px solid rgba(212,175,55,.15);color:var(--zf-text-main)}th{background-color:var(--zf-background-secondary);color:var(--zf-accent);font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}tbody tr{transition:background-color .3s ease}tbody tr:hover{background-color:var(--zf-background-secondary)}tbody tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-child(2n){background-color:#ffffff05}.table-striped tbody tr:hover{background-color:#d4af370d}.tabs{display:flex;flex-wrap:wrap;margin-bottom:2rem;border-bottom:1px solid rgba(212,175,55,.2)}.tabs input[type=radio]{display:none}.tabs label{padding:1rem 2rem;cursor:pointer;color:var(--zf-text-main);font-weight:600;margin-bottom:-1px;border-bottom:2px solid transparent;transition:all .3s ease}.tabs label:hover{color:var(--zf-text-light)}.tabs input[type=radio]:checked+label{color:var(--zf-accent);border-bottom:2px solid var(--zf-accent)}.tab-content{width:100%;order:1;display:none;padding:1.5rem 0}.tabs input[type=radio]:checked+label+.tab-content{display:block}[data-tooltip]{position:relative;cursor:help;border-bottom:1px dotted var(--zf-accent)}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:120%;left:50%;transform:translate(-50%);background-color:var(--zf-background-primary);color:var(--zf-text-light);padding:.5rem .75rem;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease;border:1px solid var(--zf-accent);z-index:10}[data-tooltip]:hover:after{opacity:1;visibility:visible}h1,h2,h3,h4,h5,h6{color:var(--zf-text-light);margin-top:2.5rem;margin-bottom:1rem;line-height:1.2;font-weight:700}p{margin-bottom:1.5rem}ul,ol{margin-bottom:1.5rem;padding-left:2rem}li{margin-bottom:.5rem}a{color:var(--zf-accent);text-decoration:underline;transition:color .3s ease}a:hover{text-decoration:none;color:var(--zf-text-light)}strong,b{color:var(--zf-text-light);font-weight:700}mark{background-color:var(--zf-accent);color:var(--zf-background-primary);padding:.1rem .3rem;border-radius:3px}blockquote{border-left:4px solid var(--zf-accent);margin:1.5rem 0;padding:1rem 1.5rem;color:var(--zf-text-main);background-color:var(--zf-background-secondary);border-radius:0 8px 8px 0;font-style:italic}code,kbd{font-family:Consolas,Monaco,Andale Mono,monospace;font-size:.85em}pre{scrollbar-width:thin;scrollbar-color:var(--zf-background-primary) var(--zf-background-secondary)}pre::-webkit-scrollbar{height:10px}pre::-webkit-scrollbar-track{background:var(--zf-background-secondary);border-radius:0 0 8px 8px}pre::-webkit-scrollbar-thumb{background:var(--zf-background-primary);border-radius:5px;border:2px solid var(--zf-background-secondary)}pre::-webkit-scrollbar-thumb:hover{background:var(--zf-accent)}p>code,li>code{background-color:var(--zf-background-secondary);color:var(--zf-accent);padding:.2rem .4rem;border-radius:4px}kbd{background-color:var(--zf-background-primary);color:var(--zf-text-light);border:1px solid var(--zf-text-main);border-radius:4px;padding:.1rem .3rem}pre{background-color:var(--zf-background-secondary);color:var(--zf-text-light);padding:1.5rem;border-radius:8px;border:1px solid rgba(212,175,55,.2);overflow-x:auto;margin-top:1.5rem;margin-bottom:1.5rem;max-width:100%}pre code{background-color:transparent;padding:0;color:inherit;font-size:.9em}.notice{background-color:#d4af371a;border:1px solid var(--zf-accent);padding:1rem 1.5rem;border-radius:8px;margin:1.5rem 0;color:var(--zf-text-light)}aside{background-color:var(--zf-background-secondary);border-left:4px solid var(--zf-accent);padding:1rem 1.5rem;border-radius:0 8px 8px 0;margin:-1.8rem 0 1.5rem 1.5rem;float:right;width:30%;min-width:250px}aside p:last-child{margin-bottom:0}@media(max-width:768px){aside{float:none;width:100%;margin:1.5rem 0}}article,section{margin-bottom:3rem}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}.hidden{display:none!important}.mt-1{margin-top:1rem!important}.mt-2{margin-top:2rem!important}.mt-3{margin-top:3rem!important}.mb-1{margin-bottom:1rem!important}.mb-2{margin-bottom:2rem!important}.mb-3{margin-bottom:3rem!important}:root{--zf-background-primary: #020D2A;--zf-background-secondary: #0A1F44;--zf-accent: #D4AF37;--zf-text-main: #A0AEC0;--zf-text-light: #FFFFFF;--zf-font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--zf-container-width: 1200px;--zf-column-gap: 1.5rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--zf-background-primary);color:var(--zf-text-main);font-family:var(--zf-font-base);line-height:1.6;font-size:1.15rem}[data-theme=light]{--zf-background-primary: #97919183;--zf-background-secondary: #e3e3e383;--zf-accent: #0A1F44;--zf-text-main: #52525B;--zf-text-light: #18181B}[data-theme=light] .button:not(.button-outline),[data-theme=light] .button.button-outline:hover,[data-theme=light] .pagination li.active span,[data-theme=light] mark,[data-theme=light] input[type=file]::file-selector-button{color:#fff!important}[data-theme=light] .switch input:checked+.slider:before{background-color:#fafafa!important}[data-theme=light] .card,[data-theme=light] pre,[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select,[data-theme=light] details,[data-theme=light] .table-container,[data-theme=light] .sidebar,[data-theme=light] .zf-combobox-list{border-color:#0a1f44!important}[data-theme=light] hr,[data-theme=light] .modal-header,[data-theme=light] nav,[data-theme=light] .tabs,[data-theme=light] th,[data-theme=light] td,[data-theme=light] .sidebar-nav a,[data-theme=light] details[open] summary{border-color:#0a1f444d!important}[data-theme=light] .skeleton{background-color:#0a1f440d!important;background-image:linear-gradient(90deg,#0a1f4400,#0a1f4426,#0a1f4400)!important}[data-theme=light] .card:hover{box-shadow:0 10px 25px #0000000d!important;border-color:var(--zf-accent)!important}[data-theme=light] .zf-combobox-list{box-shadow:0 10px 25px #00000014!important}[data-theme=light] dialog{box-shadow:0 20px 40px #0000001a!important}[data-theme=light] dialog::backdrop,[data-theme=light] .sidebar-overlay{background-color:#18181b80!important}[data-theme=light] .zf-combobox-list,[data-theme=light] dialog,[data-theme=light] .sidebar{background-color:#e3e3e383!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(10,31,68,.1)!important;box-shadow:0 12px 35px #0a1f4426!important}[data-theme=light] dialog::backdrop,[data-theme=light] .sidebar-overlay{background-color:#0a1f4480!important;backdrop-filter:blur(3px)!important}

package/js/zenite.min.js ADDED Viewed

@@ -0,0 +1 @@

+ (()=>{document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".zf-combobox").forEach(s=>{let a=s.querySelector(".zf-combobox-input"),i=s.querySelectorAll(".zf-combobox-item"),v=s.querySelector(".zf-combobox-clear"),t=-1,r=()=>{a.value.trim()!==""?s.classList.add("has-value"):s.classList.remove("has-value")},m=()=>Array.from(i).filter(e=>e.style.display!=="none"),l=e=>{if(i.forEach(n=>n.classList.remove("highlighted")),t>=0&&t<e.length){let n=e[t];n.classList.add("highlighted"),n.scrollIntoView({block:"nearest"})}},c=()=>{s.classList.remove("active"),t=-1,l([])};v&&v.addEventListener("mousedown",e=>{e.preventDefault(),e.stopPropagation(),a.value="",r(),i.forEach(n=>n.style.display=""),a.focus()}),a.addEventListener("focus",()=>{s.classList.add("active"),t=-1}),a.addEventListener("mousedown",e=>{e.offsetX>a.offsetWidth-40&&(e.preventDefault(),s.classList.toggle("active"),s.classList.contains("active")||(t=-1))}),a.addEventListener("input",e=>{r();let n=e.target.value.toLowerCase();s.classList.add("active"),i.forEach(o=>{let u=o.textContent.toLowerCase();o.style.display=u.includes(n)?"":"none"}),t=-1,l(m())});let f=e=>{let n=e.querySelector(".zf-cb-name"),o=e.querySelector(".zf-cb-cpf"),u=e.getAttribute("data-id")||"Sem ID",h=n?n.textContent.trim():e.textContent.trim();a.value=h,r(),c();let g={id:u,nome:h,cpf:o?o.textContent.trim():"CPF n\xE3o encontrado"};console.log("Objeto Selecionado:",JSON.stringify(g,null,2))};i.forEach(e=>{e.addEventListener("click",()=>f(e))}),a.addEventListener("keydown",e=>{let n=m(),o=s.classList.contains("active");e.key==="ArrowDown"?(e.preventDefault(),o?(t=t<n.length-1?t+1:t,l(n)):s.classList.add("active")):e.key==="ArrowUp"?(e.preventDefault(),o&&(t=t>0?t-1:0,l(n))):e.key==="Enter"?o&&t>=0&&t<n.length&&(e.preventDefault(),f(n[t])):e.key==="Tab"?o&&t>=0&&t<n.length?(e.preventDefault(),f(n[t])):c():e.key==="Escape"&&c()}),document.addEventListener("click",e=>{s.contains(e.target)||c()})})});document.addEventListener("DOMContentLoaded",()=>{let d=document.getElementById("theme-toggle"),s=document.getElementById("theme-label");d&&d.addEventListener("change",a=>{a.target.checked?(document.documentElement.removeAttribute("data-theme"),s&&(s.textContent="Modo Escuro Ativado")):(document.documentElement.setAttribute("data-theme","light"),s&&(s.textContent="Modo Claro Ativado"))})});})();

package/package.json CHANGED Viewed

@@ -1,32 +1,36 @@
 {
   "name": "zenite-ui",
-  "version": "1.0.4",
-  "description": "Framework front-end responsivo e elegante em CSS e Vanilla JS",
+  "version": "1.1.0",
+  "description": "Versão minificada e de alta performance do framework Zenite UI",
   "keywords": [
     "css",
     "framework",
     "ui",
     "frontend",
-    "javascript"
+    "javascript",
+    "minified"
   ],
-  "homepage": "https://github.com/zenitetecnologia/zenite-ui#readme",
-  "bugs": {
-    "url": "https://github.com/zenitetecnologia/zenite-ui/issues"
-  },
+  "homepage": "https://github.com/zenitetecnologia/zenite-ui-docs",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/zenitetecnologia/zenite-ui.git"
+    "url": "git+https://github.com/zenitetecnologia/zenite-ui-docs.git"
   },
   "license": "MIT",
-  "author": "Zênite  Tecnologia",
-  "type": "commonjs",
-  "main": "js/zenite.js",
-  "style": "zenite-ui/zenite.css",
+  "author": "Yuri Lucas",
+  "type": "module",
+  "main": "js/zenite.min.js",
+  "style": "css/zenite.min.css",
   "files": [
-    "zenite-ui",
-    "js"
+    "css/zenite.min.css",
+    "js/zenite.min.js"
   ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build:css": "esbuild css/zenite.css --bundle --minify --outfile=css/zenite.min.css",
+    "build:js": "esbuild js/zenite.js --bundle --minify --outfile=js/zenite.min.js",
+    "build": "npm run build:css && npm run build:js",
+    "prepublishOnly": "npm run build"
+  },
+  "devDependencies": {
+    "esbuild": "^0.20.0"
   }
 }

package/js/zenite.js DELETED Viewed

@@ -1,170 +0,0 @@
-//combobox
-document.addEventListener('DOMContentLoaded', () => {
-  const comboboxes = document.querySelectorAll('.zf-combobox');
-  comboboxes.forEach(combobox => {
-    const input = combobox.querySelector('.zf-combobox-input');
-    const items = combobox.querySelectorAll('.zf-combobox-item');
-    const clearBtn = combobox.querySelector('.zf-combobox-clear');
-    const toggleClearBtn = () => {
-      if (input.value.trim() !== '') {
-        combobox.classList.add('has-value');
-      } else {
-        combobox.classList.remove('has-value');
-      }
-    };
-    if (clearBtn) {
-      clearBtn.addEventListener('mousedown', (e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        input.value = '';
-        toggleClearBtn();
-        items.forEach(item => item.style.display = '');
-        input.focus();
-      });
-    }
-    input.addEventListener('focus', () => {
-      combobox.classList.add('active');
-    });
-    input.addEventListener('mousedown', (e) => {
-      if (e.offsetX > input.offsetWidth - 40) {
-        e.preventDefault();
-        combobox.classList.toggle('active');
-        if (combobox.classList.contains('active')) {
-          input.focus();
-        }
-      }
-    });
-    //filtra itens
-    input.addEventListener('input', (e) => {
-      toggleClearBtn();
-      const termoPesquisa = e.target.value.toLowerCase();
-      items.forEach(item => {
-        const textoItem = item.textContent.toLowerCase();
-        if (textoItem.includes(termoPesquisa)) {
-          item.style.display = '';
-        } else {
-          item.style.display = 'none';
-        }
-      });
-    });
-    //seleciona item
-    items.forEach(item => {
-      item.addEventListener('click', () => {
-        const nomeElemento = item.querySelector('.zf-cb-name');
-        let cpfElemento = item.querySelector('.zf-cb-cpf');
-        let nomeSelecionado = "";
-        let idSelecionado = item.getAttribute('data-id') || "Sem ID";
-        if (nomeElemento) {
-          nomeSelecionado = nomeElemento.textContent.trim();
-          input.value = nomeSelecionado;
-        } else {
-          nomeSelecionado = item.textContent.trim();
-          input.value = nomeSelecionado;
-        }
-        toggleClearBtn();
-        combobox.classList.remove('active');
-        const dadosJSON = {
-          id: idSelecionado,
-          nome: nomeSelecionado,
-          cpf: cpfElemento ? cpfElemento.textContent.trim() : "CPF não encontrado"
-        };
-        console.log("Objeto Selecionado:", JSON.stringify(dadosJSON, null, 2));
-      });
-    });
-    //fecha lista se clicar fora
-    document.addEventListener('click', (e) => {
-      if (!combobox.contains(e.target)) {
-        combobox.classList.remove('active');
-      }
-    });
-    //filtra itens
-    input.addEventListener('input', (e) => {
-      const termoPesquisa = e.target.value.toLowerCase();
-      items.forEach(item => {
-        const textoItem = item.textContent.toLowerCase();
-        if (textoItem.includes(termoPesquisa)) {
-          item.style.display = '';
-        } else {
-          item.style.display = 'none';
-        }
-      });
-    });
-    //seleciona item
-    items.forEach(item => {
-      item.addEventListener('click', () => {
-        const nomeElemento = item.querySelector('.zf-cb-name');
-        let cpfElemento = item.querySelector('.zf-cb-cpf');
-        let nomeSelecionado = "";
-        let idSelecionado = item.getAttribute('data-id') || "Sem ID";
-        if (nomeElemento) {
-          nomeSelecionado = nomeElemento.textContent.trim();
-          input.value = nomeSelecionado;
-        } else {
-          nomeSelecionado = item.textContent.trim();
-          input.value = nomeSelecionado;
-        }
-        combobox.classList.remove('active');
-        const dadosJSON = {
-          id: idSelecionado,
-          nome: nomeSelecionado,
-          cpf: cpfElemento ? cpfElemento.textContent.trim() : "CPF não encontrado"
-        };
-        console.log("Objeto Selecionado:", JSON.stringify(dadosJSON, null, 2));
-        alert("JSON:\n" + JSON.stringify(dadosJSON, null, 2));
-      });
-    });
-    //fecha lista se clicar fora
-    document.addEventListener('click', (e) => {
-      if (!combobox.contains(e.target)) {
-        combobox.classList.remove('active');
-      }
-    });
-  });
-//--------------------------------------------------------------------------
-//dark/light mode toggle
-  const themeSwitch = document.getElementById('theme-toggle');
-  const themeLabel = document.getElementById('theme-label');
-  if (themeSwitch) {
-    themeSwitch.addEventListener('change', (e) => {
-      if (e.target.checked) {
-        document.documentElement.removeAttribute('data-theme');
-        themeLabel.textContent = "Modo Escuro Ativado";
-      } else {
-        document.documentElement.setAttribute('data-theme', 'light');
-        themeLabel.textContent = "Modo Claro Ativado";
-      }
-    });
-  }
-});

package/zenite-ui/accordion.css DELETED Viewed

@@ -1,77 +0,0 @@
-details {
-  background-color: var(--zf-background-secondary);
-  border: 1px solid rgba(212, 175, 55, 0.2);
-  border-radius: 8px;
-  margin-bottom: 1rem;
-  padding: 0 1.5rem;
-  transition: border-color 0.3s ease;
-  overflow: hidden;
-}
-details:hover {
-  border-color: rgba(212, 175, 55, 0.5);
-}
-summary {
-  font-weight: 600;
-  color: var(--zf-text-light);
-  cursor: pointer;
-  padding: 1.5rem 0;
-  outline: none;
-  list-style: none;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-/*seta dourada */
-summary::after {
-  content: "▼";
-  color: var(--zf-accent);
-  font-size: 0.8em;
-  transition: transform 0.3s ease;
-}
-/*roda a seta quando o detalhe está aberto */
-details[open] summary::after {
-  transform: rotate(180deg);
-}
-details[open] summary {
-  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
-  margin-bottom: 1rem;
-}
-details p {
-  padding-bottom: 0.5rem;
-}
-/*animacao da caixa*/
-details[open] {
-  animation: expandirCaixa 1.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
-}
-@keyframes expandirCaixa {
-  0% {
-    max-height: 75px;
-  }
-  100% {
-    max-height: 500px;
-  }
-}
-/*anima a revelação suave do texto*/
-details[open] summary ~ * {
-  animation: revelarTexto 0.3s ease-in-out forwards;
-}
-@keyframes revelarTexto {
-  0% {
-    opacity: 0;
-    transform: translateY(-15px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}

package/zenite-ui/alert.css DELETED Viewed

@@ -1,13 +0,0 @@
-.alert {
-  padding: 1rem 1.5rem;
-  border-radius: 8px;
-  margin-bottom: 1.5rem;
-  background-color: var(--zf-background-secondary);
-  color: var(--zf-text-light);
-  border-left: 4px solid var(--zf-text-main);
-  display: flex;
-  align-items: center;
-}
-.alert-success { border-left-color: #28a745; background-color: rgba(40, 167, 69, 0.1); }
-.alert-error { border-left-color: #dc3545; background-color: rgba(220, 53, 69, 0.1); }
-.alert-warning { border-left-color: #ffc107; background-color: rgba(255, 193, 7, 0.1); }

package/zenite-ui/avatar.css DELETED Viewed

@@ -1,16 +0,0 @@
-.avatar {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  background-color: var(--zf-background-secondary);
-  color: var(--zf-text-light);
-  font-weight: bold;
-  object-fit: cover;
-  border: 2px solid var(--zf-accent);
-}
-.avatar-sm { width: 32px; height: 32px; font-size: 0.8rem; }
-.avatar-lg { width: 64px; height: 64px; font-size: 1.5rem; }

package/zenite-ui/badge.css DELETED Viewed

@@ -1,22 +0,0 @@
-.badge {
-  display: inline-block;
-  padding: 0.25em 0.85em;
-  font-size: 0.75em;
-  font-weight: 700;
-  text-transform: uppercase;
-  border-radius: 9999px; /*efeito pilula*/
-  background-color: transparent;
-  color: var(--zf-text-main);
-  border: 1px solid var(--zf-text-main);
-  letter-spacing: 0.05em;
-  line-height: 1.5;
-  text-align: center;
-  white-space: nowrap;
-}
-/*dourado para destacar*/
-.badge.badge-accent {
-  background-color: rgba(212, 175, 55, 0.1);
-  color: var(--zf-accent);
-  border-color: var(--zf-accent);
-}

package/zenite-ui/button.css DELETED Viewed

@@ -1,53 +0,0 @@
-.button {
-  display: inline-block;
-  font-family: inherit;
-  font-weight: 600;
-  font-size: 1rem;
-  line-height: 1.5;
-  text-align: center;
-  text-decoration: none;
-  cursor: pointer;
-  padding: 0.75rem 2rem;
-  border-radius: 9999px;
-  border: 2px solid transparent;
-  transition: all 0.3s ease;
-  background-color: var(--zf-accent);
-  color: var(--zf-background-primary);
-}
-.button:hover:not(:disabled) {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
-}
-.button:active:not(:disabled) {
-  transform: translateY(0);
-}
-.button.button-outline {
-  background-color: transparent;
-  border-color: var(--zf-accent);
-  color: var(--zf-accent);
-}
-.button.button-outline:hover:not(:disabled) {
-  background-color: var(--zf-accent);
-  color: var(--zf-background-primary);
-}
-.button:disabled,
-.button[disabled] {
-  opacity: 0.6;
-  cursor: not-allowed;
-  transform: none;
-  box-shadow: none;
-}
-.button-group {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem;
-  align-items: center;
-  margin-bottom: 1.5rem;
-}

package/zenite-ui/calendar.css DELETED Viewed

@@ -1,111 +0,0 @@
-.calendar {
-  background-color: var(--zf-background-secondary);
-  border: 1px solid rgba(212, 175, 55, 0.2);
-  border-radius: 8px;
-  padding: 1.5rem;
-  margin-bottom: 1.5rem;
-  width: 100%;
-  max-width: 380px;
-  transition: border-color 0.3s ease, box-shadow 0.3s ease;
-}
-.calendar:hover {
-  border-color: var(--zf-accent);
-  box-shadow: 0 8px 24px rgba(2, 13, 42, 0.8);
-}
-/*cabeçalho(mes, ano e botoes)*/
-.calendar-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 1.5rem;
-}
-.calendar-header h3 {
-  margin: 0;
-  color: var(--zf-text-light);
-  font-size: 1.2rem;
-  font-weight: 700;
-}
-/*botoes de mes*/
-.calendar-btn {
-  background: transparent;
-  border: 1px solid rgba(212, 175, 55, 0.3);
-  color: var(--zf-text-main);
-  border-radius: 8px;
-  width: 36px;
-  height: 36px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  font-weight: bold;
-}
-.calendar-btn:hover {
-  background-color: var(--zf-accent);
-  color: var(--zf-background-primary);
-  border-color: var(--zf-accent);
-}
-/*dias*/
-.calendar-grid {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  gap: 0.5rem;
-  text-align: center;
-}
-/*dias da semana*/
-.calendar-day-name {
-  font-weight: 700;
-  font-size: 0.8rem;
-  color: var(--zf-accent);
-  text-transform: uppercase;
-  margin-bottom: 0.5rem;
-}
-/*numeros dos dias*/
-.calendar-day {
-  aspect-ratio: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  font-size: 0.95rem;
-  color: var(--zf-text-main);
-  cursor: pointer;
-  transition: all 0.2s ease;
-  border: 1px solid transparent;
-}
-.calendar-day:hover:not(.empty) {
-  background-color: rgba(212, 175, 55, 0.1);
-  color: var(--zf-text-light);
-  border-color: rgba(212, 175, 55, 0.3);
-}
-/*dia selecionado */
-.calendar-day.active {
-  background-color: var(--zf-accent);
-  color: var(--zf-background-primary);
-  font-weight: bold;
-  box-shadow: 0 4px 10px rgba(212, 175, 55, 0.3);
-}
-.calendar-day.empty {
-  cursor: default;
-  opacity: 0.3;
-}
-/*ajuste modo claro*/
-[data-theme="light"] .calendar {
-  border-color: #0A1F44 !important;
-}
-[data-theme="light"] .calendar-day.active {
-  color: #FFFFFF !important;
-}