zenite-ui 1.0.4 → 1.1.0

package/zenite-ui/card.css

@@ -1,33 +0,0 @@
-.card {
-  background-color: var(--zf-background-secondary);
-  border: 1px solid rgba(212, 175, 55, 0.2);
-  border-radius: 8px;
-  padding: 1.5rem;
-  margin-bottom: 1.0rem;
-  display: flex;
-  flex-direction: column;
-  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
-  height: 100%;
-  position: relative; 
-  z-index: 1; 
-}
-
-/*efeito de elevaçao interativa*/
-.card:hover,
-.card:focus-within {
-  transform: translateY(-4px);
-  border-color: var(--zf-accent);
-  box-shadow: 0 8px 24px rgba(2, 13, 42, 0.8);
-  z-index: 50; 
-}
-
-/*ajustes de tipografia dentro do card para nao ter margens excessivas*/
-.card > h1:first-child,
-.card > h2:first-child,
-.card > h3:first-child {
-  margin-top: 0;
-}
-
-.card > *:last-child {
-  margin-bottom: 0;
-}

package/zenite-ui/carousel.css

@@ -1,56 +0,0 @@
-.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% - 0.75rem); 
-  }
-}
-
-@media (min-width: 1024px) {
-  .carousel-cards .carousel-item {
-    flex: 0 0 calc(33.333% - 1rem);
-  }
-}

package/zenite-ui/column.css

@@ -1,41 +0,0 @@
-.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); 
-}
-
-/*coluna automatica*/
-.column {
-  flex: 1 1 0;
-  min-width: 0;
-}
-
-/*12 colunas*/
-.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%; }
-
-/*responsivo mobile*/
-@media (max-width: 768px) {
-  .column, 
-  [class^="column-"] {
-    flex: 0 0 100%;
-  }
-}

package/zenite-ui/combobox.css

@@ -1,168 +0,0 @@
-.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: 0.75rem 3.5rem 0.75rem 1rem;
-  margin-bottom: 0 !important;
-  background-color: var(--zf-background-secondary);
-  border: 1px solid rgba(212, 175, 55, 0.3);
-  color: var(--zf-text-light);
-  border-radius: 8px;
-  font-family: inherit;
-  font-size: 1rem;
-  outline: none;
-  transition: all 0.3s ease;
-  cursor: text;
-}
-
-.zf-combobox-input:focus {
-  border-color: var(--zf-accent);
-  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
-}
-
-/*seta dourada*/
-.zf-combobox::after {
-  content: "▼";
-  position: absolute;
-  top: 50%;
-  right: 1.25rem;
-  transform: translateY(-50%); 
-  color: var(--zf-accent); 
-  font-size: 0.8em;
-  
-  pointer-events: none; 
-
-  transition: transform 0.3s ease;
-}
-
-.zf-combobox.active::after {
-  transform: translateY(-50%) rotate(180deg);
-}
-
-/*botao de limpar(x)*/
-.zf-combobox-clear {
-  position: absolute;
-  top: 50%;
-  right: 2.25rem;
-  transform: translateY(-50%);
-  color: var(--zf-text-main);
-  font-size: 1.4rem;
-  font-weight: bold;
-  cursor: pointer;
-  line-height: 1;
-  padding: 0.2rem;
-  z-index: 2;
-  
-  opacity: 0;
-  visibility: hidden;
-  transition: all 0.2s ease;
-}
-
-.zf-combobox-clear:hover {
-  color: var(--zf-accent);
-}
-
-.zf-combobox.has-value .zf-combobox-clear {
-  opacity: 1;
-  visibility: visible;
-}
-
-/*lista suspensa*/
-.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 rgba(2, 13, 42, 0.9);
-  z-index: 1000;
-  list-style: none;
-  padding: 0.5rem 0;
-  margin: 0;
-
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(-10px);
-  transition: all 0.3s ease;
-}
-
-.zf-combobox.active .zf-combobox-list {
-  opacity: 1;
-  visibility: visible;
-  transform: translateY(0);
-}
-
-/*estrutura item*/
-.zf-combobox-item {
-  padding: 0.75rem 1.5rem;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 1px solid rgba(212, 175, 55, 0.1);
-}
-
-.zf-combobox-item:last-child {
-  border-bottom: none;
-}
-
-/*nome e cpf na esquerda*/
-.zf-cb-left {
-  display: flex;
-  flex-direction: column;
-}
-
-/*fonte do nome*/
-.zf-cb-name {
-  font-weight: 700;
-  color: var(--zf-text-light);
-  font-size: 1.05rem;
-  transition: color 0.2s ease;
-}
-
-/*fonte do cpf*/
-.zf-cb-cpf {
-  font-family: Consolas, Monaco, 'Andale Mono', monospace;
-  font-size: 0.85rem;
-  color: var(--zf-text-main);
-  opacity: 0.8;
-  margin-top: 0.2rem;
-}
-
-.zf-cb-info {
-  font-size: 0.8rem;
-  background-color: rgba(212, 175, 55, 0.1);
-  color: var(--zf-accent);
-  padding: 0.2rem 0.6rem;
-  border-radius: 9999px;
-  border: 1px solid var(--zf-accent);
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-}
-
-.zf-combobox-item:hover {
-  background-color: rgba(212, 175, 55, 0.1);
-}
-
-.zf-combobox-item:hover .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; }

package/zenite-ui/form.css

@@ -1,169 +0,0 @@
-/*rotulos*/
-label {
-  display: block;
-  margin-bottom: 0.5rem;
-  color: var(--zf-text-light);
-  font-weight: 500;
-}
-
-/*campos de texto*/
-input[type="text"],
-input[type="email"],
-input[type="password"],
-input[type="number"],
-input[type="tel"],
-input[type="url"],
-textarea,
-select {
-  width: 100%;
-  padding: 0.75rem 1rem;
-  margin-bottom: 1.5rem;
-  background-color: var(--zf-background-secondary);
-  border: 1px solid rgba(212, 175, 55, 0.3);
-  color: var(--zf-text-light);
-  border-radius: 8px;
-  font-family: inherit;
-  font-size: 1rem;
-  outline: none;
-  transition: border-color 0.3s ease, box-shadow 0.3s ease;
-}
-
-textarea {
-  resize: vertical;
-  min-height: 120px;
-}
-
-/*placeholder*/
-input::placeholder, 
-textarea::placeholder {
-  color: var(--zf-text-main);
-  opacity: 0.7;
-}
-
-/*estado de foco*/
-input:focus, 
-textarea:focus, 
-select:focus {
-  border-color: var(--zf-accent);
-  box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
-}
-
-/*checkboxes e radio buttons*/
-input[type="checkbox"],
-input[type="radio"] {
-  width: auto;
-  margin-right: 0.5rem;
-  margin-bottom: 0;
-  cursor: pointer;
-  accent-color: var(--zf-accent);
-}
-
-/*agrupamento em linha para checkboxes/radios*/
-.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: normal;
-}
-
-/*desabilitado*/
-input:disabled, 
-textarea:disabled, 
-select:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-  background-color: rgba(10, 31, 68, 0.5); 
-}
-
-/*inputs*/
-/*upload arquivos*/
-input[type="file"] {
-  padding: 0.5rem;
-  background-color: var(--zf-background-secondary);
-  border: 1px dashed rgba(212, 175, 55, 0.5); 
-  color: var(--zf-text-main);
-  border-radius: 8px;
-  cursor: pointer;
-  width: 100%;
-  margin-bottom: 1.5rem;
-}
-
-/*"botão" interno que o navegador cria no input de ficheiro */
-input[type="file"]::file-selector-button {
-  background-color: var(--zf-accent);
-  color: var(--zf-background-primary);
-  border: none;
-  padding: 0.5rem 1rem;
-  border-radius: 4px;
-  margin-right: 1rem;
-  cursor: pointer;
-  font-weight: 600;
-  transition: all 0.3s ease;
-}
-
-input[type="file"]::file-selector-button:hover {
-  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
-  transform: translateY(-1px);
-}
-
-/*barra de deslizamento*/
-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, 0.2);
-}
-
-/*"bolinha" (thumb)*/
-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 rgba(212, 175, 55, 0.4);
-}
-
-/*"pista"*/
-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, 0.2);
-}
-
-/*"bolinha"*/
-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 rgba(212, 175, 55, 0.4);
-}

package/zenite-ui/media.css

@@ -1,18 +0,0 @@
-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: 0.85em;
-  margin-top: 0.75rem;
-  font-style: italic;
-}

package/zenite-ui/modal.css

@@ -1,80 +0,0 @@
-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 rgba(0, 0, 0, 0.8);
-}
-
-dialog::backdrop {
-  background-color: rgba(2, 13, 42, 0.85); 
-  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, 0.2);
-  padding-bottom: 1rem;
-}
-
-.modal-header h2, .modal-header h3 {
-  margin: 0;
-}
-
-/*fechar modal*/
-.close-modal {
-  background: transparent;
-  border: none;
-  color: var(--zf-text-main);
-  font-size: 1.5rem;
-  cursor: pointer;
-  transition: color 0.3s ease;
-  padding: 0;
-}
-
-.close-modal:hover {
-  color: var(--zf-accent);
-}
-
-/*animacao modal*/
-dialog[open] {
-  animation: abrirModal 0.5s ease-in-out forwards;
-}
-
-@keyframes abrirModal {
-  0% {
-    opacity: 0;
-    transform: scale(0.95) translateY(-30px); 
-  }
-  100% {
-    opacity: 1;
-    transform: scale(1) translateY(0); 
-  }
-}
-
-dialog[open]::backdrop {
-  animation: aparecerFundo 0.5s ease-in-out forwards;
-}
-
-@keyframes aparecerFundo {
-  0% {
-    opacity: 0;
-    backdrop-filter: blur(0px);
-  }
-  100% {
-    opacity: 1;
-    background-color: rgba(2, 13, 42, 0.85);
-    backdrop-filter: blur(4px);
-  }
-}

package/zenite-ui/nav.css

@@ -1,57 +0,0 @@
-header {
-  position: sticky;
-  top: 0;
-  z-index: 1000;
-  background-color: var(--zf-background-primary); 
-  padding: 0.5rem 0;
-  border-bottom: 1px solid rgba(212, 175, 55, 0.1);
-  transition: all 0.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 0.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: rgba(10, 31, 68, 0.15) !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: 0.5rem;
-  }
-}

package/zenite-ui/pagination.css

@@ -1,50 +0,0 @@
-.pagination {
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-  gap: 0.5rem;
-  padding: 0;
-  margin: 1.5rem 0 3rem 0;
-  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 0.75rem;
-  border-radius: 8px;
-  background-color: var(--zf-background-secondary);
-  border: 1px solid rgba(212, 175, 55, 0.2);
-  color: var(--zf-text-main);
-  text-decoration: none;
-  font-weight: 600;
-  transition: all 0.3s ease;
-}
-
-/*efeito ao passar o mouse (Hover)*/
-.pagination li a:hover {
-  border-color: var(--zf-accent);
-  color: var(--zf-text-light);
-  transform: translateY(-2px);
-  box-shadow: 0 4px 12px rgba(212, 175, 55, 0.15);
-}
-
-/*pagina atual (Active)*/
-.pagination li.active span {
-  background-color: var(--zf-accent);
-  border-color: var(--zf-accent);
-  color: var(--zf-background-primary);
-}
-
-/*botao desativado (Disabled)*/
-.pagination li.disabled span {
-  opacity: 0.5;
-  cursor: not-allowed;
-  background-color: transparent;
-  border-color: rgba(212, 175, 55, 0.1);
-  color: var(--zf-text-main);
-}

package/zenite-ui/progress.css

@@ -1,24 +0,0 @@
-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(carregando)*/
-.spinner {
-  display: inline-block;
-  width: 1.5rem;
-  height: 1.5rem;
-  border: 3px solid rgba(212, 175, 55, 0.3);
-  border-radius: 50%;
-  border-top-color: var(--zf-accent);
-  animation: spin 1s ease-in-out infinite;
-}
-@keyframes spin { to { transform: rotate(360deg); } }