@proyecto-viviana/ui 0.3.5 → 0.4.1

package/dist/index.jsx

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum";

package/dist/style/runtime.d.ts

@@ -0,0 +1,2 @@
+export * from "@proyecto-viviana/solid-spectrum/style/runtime";
+//# sourceMappingURL=runtime.d.ts.map

package/dist/style/runtime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/style/runtime.ts"],"names":[],"mappings":"AACA,cAAc,gDAAgD,CAAC"}

package/dist/style/runtime.js

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/style/runtime";

package/dist/style/runtime.jsx

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/style/runtime";

package/dist/style.d.ts

@@ -0,0 +1,2 @@
+export * from "@proyecto-viviana/solid-spectrum/style";
+//# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAIA,cAAc,wCAAwC,CAAC"}

package/dist/style.js

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/style";

package/dist/style.jsx

@@ -0,0 +1 @@
+export * from "@proyecto-viviana/solid-spectrum/style";

package/dist/styles.css

@@ -1,450 +1,9 @@
-/*
- * Viviana UI Complete Styles (Theme + Components)
- *
- * WARNING: This file contains @theme which cannot be @imported in Tailwind v4.
- * Use components.css instead and copy the @theme block from theme.css.
- *
- * For proper usage, see theme.css documentation.
- */
-
-/* ===== THEME ===== */
-@theme {
-  /* Breakpoints */
-  --breakpoint-xxs: 320px;
-  --breakpoint-xs: 475px;
-
-  /* Background - Dark blue-gray */
-  --color-bg-100: #3B5260;
-  --color-bg-200: #293E4B;
-  --color-bg-300: #24313a;
-  --color-bg-400: #1D272E;
-  --color-bg-light: #515151;
-
-  /* Accent - Pink */
-  --color-accent: #DF5C9A;
-  --color-accent-200: #FFB2D7;
-  --color-accent-300: #FF88C0;
-  --color-accent-500: #DF5C9A;
-  --color-accent-highlight: #e2a2be;
-
-  /* Primary - Cyan/Blue */
-  --color-primary-100: #D9F2FF;
-  --color-primary-200: #D0E9F5;
-  --color-primary-300: #ADCCDC;
-  --color-primary-400: #B8DFFF;
-  --color-primary-500: #75ABC7;
-  --color-primary-600: #58748B;
-  --color-primary-700: #4F6D85;
-  --color-primary-800: #4C6477;
-
-  /* Success - Green */
-  --color-success-100: #E5FFF3;
-  --color-success-400: #C2FFC8;
-  --color-success-600: #559D87;
-
-  /* Warning - Yellow */
-  --color-warning-100: #FFFBE5;
-  --color-warning-400: #FFDD87;
-  --color-warning-600: #9D8D55;
-
-  /* Danger - Red */
-  --color-danger-100: #FFE5E5;
-  --color-danger-400: #FF8787;
-  --color-danger-600: #9D5555;
-
-  /* Cards */
-  --color-cards-bg: #373737;
-  --color-cards-bg-load: #484848;
-  --color-correct: #83f1a7;
-  --color-incorrect: #e74c3c;
-
-  /* Typography */
-  --font-sen: 'Sen', sans-serif;
-  --font-jost: 'Jost', sans-serif;
-  --font-sans: 'Sen', sans-serif;
-  --font-mono: 'JetBrains Mono', monospace;
-}
-
-/* ===== FONT UTILITIES ===== */
-.font-sen {
-  font-family: 'Sen', sans-serif;
-}
-
-.font-jost {
-  font-family: 'Jost', sans-serif;
-}
-
-/* ===== CUSTOM SHADOWS ===== */
-.drop-shadow-title-card {
-  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-}
-
-.drop-shadow-logo {
-  filter: drop-shadow(0 0 10px rgba(223, 92, 154, 0.8));
-}
-
-.shadow-primary-chip {
-  box-shadow: 0 2px 8px rgba(79, 109, 133, 0.4);
-}
-
-/* ===== BUTTON COMPONENT ===== */
-.vui-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-  padding: 0.5rem 1rem;
-  font-size: 1rem;
-  font-weight: 500;
-  border-radius: 0.5rem;
-  transition: all 0.2s ease;
-  cursor: pointer;
-  border: none;
-  outline: none;
-}
-
-.vui-button:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 2px var(--color-bg-400), 0 0 0 4px var(--color-accent-300);
-}
-
-.vui-button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.vui-button.is-pressed {
-  transform: scale(0.98);
-}
-
-/* Fill variants - pokeforos style */
-/* Primary = Pink accent (main CTA) */
-.vui-button--fill.vui-button--primary {
-  background: var(--color-accent);
-  color: white;
-}
-.vui-button--fill.vui-button--primary:hover:not(:disabled) {
-  background: var(--color-accent-300);
-}
-.vui-button--fill.vui-button--primary:active:not(:disabled) {
-  background: var(--color-accent-500);
-}
-
-/* Secondary = Cyan primary */
-.vui-button--fill.vui-button--secondary {
-  background: var(--color-primary-500);
-  color: white;
-}
-.vui-button--fill.vui-button--secondary:hover:not(:disabled) {
-  background: var(--color-primary-400);
-}
-.vui-button--fill.vui-button--secondary:active:not(:disabled) {
-  background: var(--color-primary-600);
-}
-
-/* Accent = Also pink (alias for primary look) */
-.vui-button--fill.vui-button--accent {
-  background: var(--color-accent);
-  color: white;
-}
-.vui-button--fill.vui-button--accent:hover:not(:disabled) {
-  background: var(--color-accent-300);
-}
-.vui-button--fill.vui-button--accent:active:not(:disabled) {
-  background: var(--color-accent-500);
-}
-
-/* Negative = Danger red */
-.vui-button--fill.vui-button--negative {
-  background: var(--color-danger-400);
-  color: white;
-}
-.vui-button--fill.vui-button--negative:hover:not(:disabled) {
-  background: var(--color-danger-600);
-}
-.vui-button--fill.vui-button--negative:active:not(:disabled) {
-  background: var(--color-danger-400);
-}
-
-/* Outline variants */
-.vui-button--outline.vui-button--primary {
-  border: 2px solid var(--color-accent);
-  color: var(--color-accent-200);
-  background: transparent;
-}
-.vui-button--outline.vui-button--primary:hover:not(:disabled) {
-  background: color-mix(in srgb, var(--color-accent) 15%, transparent);
-}
-
-.vui-button--outline.vui-button--secondary {
-  border: 2px solid var(--color-primary-500);
-  color: var(--color-primary-300);
-  background: transparent;
-}
-.vui-button--outline.vui-button--secondary:hover:not(:disabled) {
-  background: color-mix(in srgb, var(--color-primary-500) 15%, transparent);
-}
-
-.vui-button--outline.vui-button--accent {
-  border: 2px solid var(--color-accent);
-  color: var(--color-accent-200);
-  background: transparent;
-}
-.vui-button--outline.vui-button--accent:hover:not(:disabled) {
-  background: color-mix(in srgb, var(--color-accent) 15%, transparent);
-}
-
-.vui-button--outline.vui-button--negative {
-  border: 2px solid var(--color-danger-400);
-  color: var(--color-danger-100);
-  background: transparent;
-}
-.vui-button--outline.vui-button--negative:hover:not(:disabled) {
-  background: color-mix(in srgb, var(--color-danger-400) 15%, transparent);
-}
-
-/* ===== CHIP COMPONENT ===== */
-.vui-chip {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.125rem 0.5rem;
-  font-size: 0.75rem;
-  font-weight: 600;
-  border-radius: 9999px;
-  text-transform: uppercase;
-}
-
-.vui-chip--primary {
-  background: var(--color-primary-700);
-  color: var(--color-primary-100);
-  box-shadow: 0 2px 8px rgba(79, 109, 133, 0.4);
-}
-
-.vui-chip--accent {
-  background: var(--color-accent);
-  color: white;
-}
-
-.vui-chip--success {
-  background: var(--color-success-600);
-  color: var(--color-success-100);
-}
-
-.vui-chip--warning {
-  background: var(--color-warning-600);
-  color: var(--color-warning-100);
-}
-
-.vui-chip--danger {
-  background: var(--color-danger-600);
-  color: var(--color-danger-100);
-}
-
-/* ===== BADGE COMPONENT ===== */
-.vui-badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.25rem 0.75rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  border-radius: 0.375rem;
-}
-
-.vui-badge--primary {
-  background: var(--color-primary-700);
-  color: var(--color-primary-100);
-}
-
-.vui-badge--accent {
-  background: var(--color-accent);
-  color: white;
-}
-
-.vui-badge--success {
-  background: var(--color-success-600);
-  color: var(--color-success-100);
-}
-
-.vui-badge--warning {
-  background: var(--color-warning-600);
-  color: var(--color-warning-100);
-}
-
-.vui-badge--danger {
-  background: var(--color-danger-600);
-  color: var(--color-danger-100);
-}
-
-/* ===== ALERT COMPONENT ===== */
-.vui-alert {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.75rem;
-  padding: 1rem;
-  border-radius: 0.5rem;
-  border-width: 1px;
-}
-
-.vui-alert--info {
-  background: color-mix(in srgb, var(--color-primary-700) 20%, transparent);
-  border-color: var(--color-primary-600);
-  color: var(--color-primary-200);
-}
-
-.vui-alert--success {
-  background: color-mix(in srgb, var(--color-success-600) 20%, transparent);
-  border-color: var(--color-success-600);
-  color: var(--color-success-100);
-}
-
-.vui-alert--warning {
-  background: color-mix(in srgb, var(--color-warning-600) 20%, transparent);
-  border-color: var(--color-warning-600);
-  color: var(--color-warning-100);
-}
-
-.vui-alert--error {
-  background: color-mix(in srgb, var(--color-danger-600) 20%, transparent);
-  border-color: var(--color-danger-400);
-  color: var(--color-danger-100);
-}
-
-/* ===== AVATAR COMPONENT ===== */
-.vui-avatar {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  overflow: hidden;
-  background: var(--color-bg-300);
-  color: var(--color-primary-300);
-  font-weight: 600;
-}
-
-.vui-avatar--sm {
-  width: 2rem;
-  height: 2rem;
-  font-size: 0.75rem;
-}
-
-.vui-avatar--md {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 0.875rem;
-}
-
-.vui-avatar--lg {
-  width: 3rem;
-  height: 3rem;
-  font-size: 1rem;
-}
-
-.vui-avatar--xl {
-  width: 4rem;
-  height: 4rem;
-  font-size: 1.25rem;
-}
-
-/* ===== CARD COMPONENT ===== */
-.vui-card {
-  background: var(--color-bg-300);
-  border: 1px solid var(--color-primary-600);
-  border-radius: 0.75rem;
-  overflow: hidden;
-}
-
-.vui-card--accent-border {
-  border-bottom-color: var(--color-accent-500);
-}
-
-/* ===== GRADIENTS ===== */
-.hero-gradient {
-  background: linear-gradient(135deg, var(--color-bg-300) 0%, var(--color-bg-400) 100%);
-}
-
-.gradient-text {
-  background: linear-gradient(135deg, var(--color-primary-300), var(--color-accent-300));
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-}
-
-/* ===== PROSE/DOCS ===== */
-.prose {
-  max-width: 65ch;
-}
-
-.prose h1 {
-  font-size: 2.25rem;
-  font-weight: 700;
-  margin-bottom: 1rem;
-  color: var(--color-primary-100);
-}
-
-.prose h2 {
-  font-size: 1.5rem;
-  font-weight: 600;
-  margin-top: 2rem;
-  margin-bottom: 0.75rem;
-  color: var(--color-primary-200);
-}
-
-.prose h3 {
-  font-size: 1.25rem;
-  font-weight: 600;
-  margin-top: 1.5rem;
-  margin-bottom: 0.5rem;
-  color: var(--color-primary-200);
-}
-
-.prose p {
-  margin-bottom: 1rem;
-  line-height: 1.75;
-  color: var(--color-primary-300);
-}
-
-.prose code {
-  background: var(--color-bg-300);
-  padding: 0.125rem 0.375rem;
-  border-radius: 0.25rem;
-  font-family: var(--font-mono);
-  font-size: 0.875em;
-  color: var(--color-accent-200);
-}
-
-.prose pre {
-  background: var(--color-bg-400);
-  color: var(--color-primary-100);
-  padding: 1rem;
-  border-radius: 0.5rem;
-  overflow-x: auto;
-  margin: 1rem 0;
-}
-
-.prose pre code {
-  background: transparent;
-  padding: 0;
-  color: inherit;
-}
-
-/* ===== SIDEBAR ===== */
-.sidebar-link {
-  display: block;
-  padding: 0.5rem 1rem;
-  border-radius: 0.375rem;
-  color: var(--color-primary-300);
-  transition: all 0.15s;
-}
-
-.sidebar-link:hover {
-  background: var(--color-bg-300);
-  color: var(--color-primary-100);
-}
-
-.sidebar-link.active {
-  background: var(--color-primary-700);
-  color: var(--color-primary-100);
-  font-weight: 500;
-}
+/* solid-spectrum's full atomic CSS (the umbrella base). viviana's own extracted
+   macro CSS for the migrated custom components is appended below at build time by
+   scripts/inline-macro-css.mjs — a relative @import to the macro-emitted file
+   isn't reliably followed when this package is consumed through its export map,
+   so we inline it (mirrors solid-spectrum, whose styles.css *is* its macro CSS). */
+@import "@proyecto-viviana/solid-spectrum/styles.css";
+
+/* viviana custom components — extracted S2 macro CSS (inlined) */
+@layer _.a{.LQAax0d151{max-width:calc(31.25rem * var(--s2-scale))}.ZKniM151{width:calc(5rem * var(--s2-scale))}.FKniM151{height:calc(5rem * var(--s2-scale))}.ij1j4Pd151{border-color:var(--color-accent)}._wb151{flex-wrap:wrap}._Ce151{justify-content:space-between}.Zm151{width:calc(1.25rem * var(--s2-scale))}.Fn151{height:calc(1.25rem * var(--s2-scale))}._Cg151{justify-content:start}._Cb151{justify-content:end}.Ua151{row-gap:.125rem}.qa151{column-gap:.125rem}.LbmOfn151{max-width:70%}.gg0eWE151{background-color:var(--color-bg-300)}._Pc151{position:relative}._Pa151{position:absolute}.WJ151{top:8px}._zI151{inset-inline-end:8px}.ZC151{width:calc(2rem * var(--s2-scale))}.Fx151{height:calc(2rem * var(--s2-scale))}.fu4qurc151{aspect-ratio:16/9}.-_6BNtrc-g151{--fs:pow(1.125, 4)}.Tt151{padding-top:8px}.Qt151{padding-bottom:8px}.St151{padding-inline-start:8px}.Rt151{padding-inline-end:8px}._Wd151{text-align:start}.ry151{cursor:pointer}._je151{border-style:none}.ZF151{width:calc(3rem * var(--s2-scale))}.Fz151{height:calc(3rem * var(--s2-scale))}._va151{flex-shrink:0}.ob151{border-start-start-radius:.5rem}.nb151{border-start-end-radius:.5rem}.kb151{border-end-start-radius:.5rem}.jb151{border-end-end-radius:.5rem}._Hb151{object-fit:cover}.xc151{font-weight:500}.pxeCuqc151{color:var(--color-text-secondary)}.ea151{align-items:baseline}.uk151{font-family:var(--s2-font-family-sans,adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;font-family:var(--s2-font-family-sans,adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;font-family:var(--s2-font-family-sans,adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;font-family:var(--s2-font-family-sans,adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif}.-_6BNtrc-KaY1Ce151{--fs:pow(1.125, 5)}.xf151{font-weight:900}._Fd151{line-height:round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base,14) * var(--fs)) - 10)) / 22) * .15), 2px);line-height:round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base,14) * var(--fs)) - 10)) / 22) * .15), 2px);line-height:round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base,14) * var(--fs)) - 10)) / 22) * .15), 2px);line-height:round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base,14) * var(--fs)) - 10)) / 22) * .15), 2px)}.po151{color:light-dark(#131313,#f2f2f2)}.pH0v9Fe151{color:var(--color-accent-500)}.Mc151{min-height:100vh}.g318zje151{background-color:var(--color-background)}.Tr151{padding-top:64px}._nLeasBb151{box-shadow:0 4px 12px light-dark(#00000014,#0000003d),0 2px 6px light-dark(#0000000a,#0000001f),0 0 2px light-dark(#0000001f,#0000005c)}.ed151{align-items:start}.Ub151{row-gap:.25rem}.qb151{column-gap:.25rem}._ub151{flex-grow:1}.Na151{min-width:0}.Ul151{row-gap:1rem}.ql151{column-gap:1rem}.oc151{border-start-start-radius:.625rem}.nc151{border-start-end-radius:.625rem}.kc151{border-end-start-radius:.625rem}.jc151{border-end-end-radius:.625rem}.izfTM5151{border-color:var(--color-border)}._Xa151{text-decoration:none}.Te151{padding-top:12px}.Tf151{padding-top:16px}.Qe151{padding-bottom:12px}.Qf151{padding-bottom:16px}.Sf151{padding-inline-start:16px}.Rf151{padding-inline-end:16px}._Ib151{opacity:1}._IqmMfn151{opacity:.5}.fa151{aspect-ratio:1}._Ha151{object-fit:contain}.oa151{border-start-start-radius:.25rem}.na151{border-start-end-radius:.25rem}.ka151{border-end-start-radius:.25rem}.ja151{border-end-end-radius:.25rem}.Za151{width:100%}.uk151{font-family:var(--s2-font-family-sans,adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;font-family:var(--s2-font-family-sans,adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;font-family:var(--s2-font-family-sans,adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif}.-_6BNtrc-d151{--fs:pow(1.125, 1)}._Fd151{line-height:round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base,14) * var(--fs)) - 10)) / 22) * .15), 2px);line-height:round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base,14) * var(--fs)) - 10)) / 22) * .15), 2px);line-height:round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base,14) * var(--fs)) - 10)) / 22) * .15), 2px)}._ta151{flex-direction:column}.Ui151{row-gap:1.25rem}.qi151{column-gap:1.25rem}.Tg151{padding-top:20px}.Qg151{padding-bottom:20px}.Sg151{padding-inline-start:20px}.Rg151{padding-inline-end:20px}.oe151{border-start-start-radius:1rem}.ne151{border-start-end-radius:1rem}.ke151{border-end-start-radius:1rem}.je151{border-end-end-radius:1rem}._kb151{border-top-width:1px}.hb151{border-bottom-width:1px}.mb151{border-inline-start-width:1px}.lb151{border-inline-end-width:1px}.iJJKqyb151{border-color:var(--color-primary-700)}.gDE5VE151{background-color:var(--color-bg-200)}.Ug151{row-gap:.75rem}.qg151{column-gap:.75rem}._Wa151{text-align:center}.-_6BNtrc-c151{--fs:pow(1.125, 0)}.sh151{display:inline-flex}.eb151{align-items:center}._Ca151{justify-content:center}.qc151{column-gap:.428571em}.Mg151{min-height:calc(1.5rem * var(--s2-scale))}.ZJ151{width:fit-content}.Se151{padding-inline-start:12px}.Re151{padding-inline-end:12px}.og151{border-start-start-radius:9999px}.ng151{border-start-end-radius:9999px}.kg151{border-end-start-radius:9999px}.jg151{border-end-end-radius:9999px}._jf151{border-style:solid}._kc151{border-top-width:2px}.hc151{border-bottom-width:2px}.mc151{border-inline-start-width:2px}.lc151{border-inline-end-width:2px}.padAQ7151{color:var(--color-grey-900)}.pAZZpyb151{color:var(--color-primary-200)}.iA151{border-color:#0000}.i6nBqyb151{border-color:var(--color-primary-600)}.gJJKqyb151{background-color:var(--color-primary-700)}.g0iWVE151{background-color:var(--color-bg-100)}.gj1j4Pd151{background-color:var(--color-accent)}.g9151{background-color:#0000}.-_6BNtrc-f151{--fs:pow(1.125, 3)}.xe151{font-weight:800}.pXDQpyb151{color:var(--color-primary-100)}._Nc151{overflow-x:hidden}.Pc151{overflow-y:hidden}._Yb151{text-overflow:ellipsis}._7c151{white-space:nowrap}.xd151{font-weight:700}.uk151{font-family:var(--s2-font-family-sans,adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif}.-_6BNtrc-b151{--fs:pow(1.125, -1)}.vx151{font-size:round(var(--s2-font-size-base,14) * var(--fs) / 16 * 1rem, 1px)}.xb151{font-weight:400}._xa151{font-synthesis-weight:none}._Fd151{line-height:round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base,14) * var(--fs)) - 10)) / 22) * .15), 2px)}.pO550xe151{color:var(--color-text)}.sd151{display:flex}.Ue151{row-gap:.5rem}.qe151{column-gap:.5rem}}@layer _.b{.xfd151:lang(ja,ko,zh,zh-Hant,zh-Hans){font-weight:700}._xfa151:lang(ja,ko,zh,zh-Hant,zh-Hans){font-synthesis-weight:none}.xX0cczbd151:lang(ja,ko,zh){font-weight:700}.xX0cczbc151:lang(ja,ko,zh){font-weight:500}._xX0cczba151:lang(ja,ko,zh){font-synthesis-weight:none}.ucJ9TBTb151:lang(ar){font-family:adobe-clean-arabic,myriad-arabic,ui-sans-serif,system-ui,sans-serif}._FnuYUweb151:lang(ja,ko,zh,zh-Hant,zh-Hans,zh-CN,zh-SG){line-height:1.5}}@layer _.c{.xfX0cczbc151:lang(ja,ko,zh):lang(ja,ko,zh,zh-Hant,zh-Hans){font-weight:500}._xfX0cczba151:lang(ja,ko,zh):lang(ja,ko,zh,zh-Hant,zh-Hans){font-synthesis-weight:none}.xfe151:lang(ja,ko,zh,zh-Hant,zh-Hans){font-weight:800}._xfa151:lang(ja,ko,zh,zh-Hant,zh-Hans){font-synthesis-weight:none}.ud3Euai151:lang(he){font-family:adobe-clean-hebrew,myriad-hebrew,ui-sans-serif,system-ui,sans-serif}}@layer _.d{.xfX0cczbd151:lang(ja,ko,zh):lang(ja,ko,zh,zh-Hant,zh-Hans){font-weight:700}._xfX0cczba151:lang(ja,ko,zh):lang(ja,ko,zh,zh-Hant,zh-Hans){font-synthesis-weight:none}.uea151:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}}@layer _.e{.ugb151:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}}@layer _.f{.uhd151:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}}@layer _.g{.uje151:lang(zh-hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}}@layer _.h{.u2NhKxcl151:lang(zh-HK){font-family:adobe-clean-han-hong-kong,source-han-hong-kong,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}}@layer _.i{.uic151:lang(zh-Hans,zh-CN,zh-SG){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}}@layer _.b.s{@media not ((hover:hover) and (pointer:fine)){.qsd151{column-gap:.470588em}}}

package/dist/theme.css

@@ -1,101 +1,2 @@
-/*
- * Viviana UI Theme - Tailwind v4
- *
- * IMPORTANT: Due to Tailwind v4's @theme processing, the @theme block
- * should be COPIED into your app's CSS, not imported via @import.
- *
- * Usage:
- *
- * 1. Add fonts in HTML <head>:
- *    <link rel="preconnect" href="https://fonts.googleapis.com">
- *    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
- *    <link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Sen:wght@400..800&display=swap" rel="stylesheet">
- *
- * 2. In your app's CSS:
- *    @import "tailwindcss";
- *
- *    @theme {
- *      // Copy the @theme block below into your CSS
- *    }
- *
- *    @import "proyecto-viviana-ui/components.css";
- */
-
-@theme {
-  /* Breakpoints */
-  --breakpoint-xxs: 320px;
-  --breakpoint-xs: 475px;
-
-  /* Background - Dark blue-gray */
-  --color-bg-100: #3B5260;
-  --color-bg-200: #293E4B;
-  --color-bg-300: #24313a;
-  --color-bg-400: #1D272E;
-  --color-bg-light: #515151;
-
-  /* Accent - Pink */
-  --color-accent: #DF5C9A;
-  --color-accent-200: #FFB2D7;
-  --color-accent-300: #FF88C0;
-  --color-accent-500: #DF5C9A;
-  --color-accent-highlight: #e2a2be;
-
-  /* Primary - Cyan/Blue */
-  --color-primary-100: #D9F2FF;
-  --color-primary-200: #D0E9F5;
-  --color-primary-300: #ADCCDC;
-  --color-primary-400: #B8DFFF;
-  --color-primary-500: #75ABC7;
-  --color-primary-600: #58748B;
-  --color-primary-700: #4F6D85;
-  --color-primary-800: #4C6477;
-
-  /* Success - Green */
-  --color-success-100: #E5FFF3;
-  --color-success-400: #C2FFC8;
-  --color-success-600: #559D87;
-
-  /* Warning - Yellow */
-  --color-warning-100: #FFFBE5;
-  --color-warning-400: #FFDD87;
-  --color-warning-600: #9D8D55;
-
-  /* Danger - Red */
-  --color-danger-100: #FFE5E5;
-  --color-danger-400: #FF8787;
-  --color-danger-600: #9D5555;
-
-  /* Cards */
-  --color-cards-bg: #373737;
-  --color-cards-bg-load: #484848;
-  --color-correct: #83f1a7;
-  --color-incorrect: #e74c3c;
-
-  /* Typography */
-  --font-sen: 'Sen', sans-serif;
-  --font-jost: 'Jost', sans-serif;
-  --font-sans: 'Sen', sans-serif;
-  --font-mono: 'JetBrains Mono', monospace;
-}
-
-/* Font utility classes */
-.font-sen {
-  font-family: 'Sen', sans-serif;
-}
-
-.font-jost {
-  font-family: 'Jost', sans-serif;
-}
-
-/* Custom drop shadows */
-.drop-shadow-title-card {
-  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
-}
-
-.drop-shadow-logo {
-  filter: drop-shadow(0 0 10px rgba(223, 92, 154, 0.8));
-}
-
-.shadow-primary-chip {
-  box-shadow: 0 2px 8px rgba(79, 109, 133, 0.4);
-}
+@import "@proyecto-viviana/solid-spectrum/theme.css";
+@import "./viviana-tokens.css";

package/dist/vite.d.ts

@@ -0,0 +1,16 @@
+interface MacroPlugin {
+    name?: string;
+    transformInclude?: (id: string) => boolean | void;
+    transform?: (this: unknown, code: string, id: string) => unknown;
+    resolveId?: (this: unknown, id: string, importer?: string, options?: object) => unknown;
+    loadInclude?: (id: string) => boolean | void;
+    load?: (this: unknown, id: string) => unknown;
+    [key: string]: unknown;
+}
+/**
+ * Returns the S2 style() macro plugin wrapped so its emitted CSS resolves and
+ * loads correctly under rolldown-vite. Place it before `vite-plugin-solid`.
+ */
+export declare function vivianaMacros(): MacroPlugin;
+export {};
+//# sourceMappingURL=vite.d.ts.map

package/dist/vite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AA8CA,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;IAClD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IACjE,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IACxF,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAC9C,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAmCD;;;GAGG;AACH,wBAAgB,aAAa,IAAI,WAAW,CAsE3C"}