@dammgo/vena-visual-engine 0.2.6 → 0.3.0-alpha.1

package/dist/core/index.d.ts

@@ -25,4 +25,11 @@ export declare const coreTheme: {
     };
 };
 export declare const corePresets: (import("unocss").Preset<import("unocss").PresetMiniTheme> | import("unocss").Preset<any>)[];
+/**
+ * Shared Shortcuts (DNA Only)
+ */
 export declare const coreShortcuts: string[][];
+/**
+ * Reality Category Preflights (The Elastic Root)
+ */
+export declare const realityPreflights = "\n  :root {\n    /* Safe Default Multipliers */\n    --vve-u-font: 1rem;\n    --vve-u-gap: 1rem;\n  }\n\n  /* Reality: App (The Vault) - Height Priority */\n  .vve-reality-app {\n    --vve-u-font: clamp(0.85rem, 4.5vh, 1.15rem);\n    --vve-u-gap: clamp(0.5rem, 2vh, 1.5rem);\n  }\n\n  /* Reality: Content (The Atlas) - Width/Reading Priority */\n  .vve-reality-content {\n    --vve-u-font: clamp(1rem, 1.2vw, 1.25rem);\n    --vve-u-gap: clamp(1rem, 2vw, 2.5rem);\n  }\n\n  /* Reality: Landing (The Stage) - Aggressive Impact */\n  .vve-reality-landing {\n    --vve-u-font: clamp(1.1rem, 2vh + 1vw, 1.5rem);\n    --vve-u-gap: clamp(1.5rem, 4vh, 4rem);\n  }\n";

package/dist/core/index.js

@@ -36,10 +36,40 @@ export const corePresets = [
         },
     }),
 ];
+/**
+ * Shared Shortcuts (DNA Only)
+ */
 export const coreShortcuts = [
     ['bos-surface', 'bg-bos-surface/40 backdrop-blur-md border border-bos-armor/30 rounded-bos-sm shadow-none'],
     ['precision-bracket', 'relative before:content-[""] before:absolute before:-top-1 before:-left-1 before:w-2 before:h-2 before:border-t-1 before:border-l-1 before:border-bos-pink after:content-[""] after:absolute after:-bottom-1 after:-right-1 after:w-2 after:h-2 after:border-b-1 after:border-r-1 after:border-bos-pink'],
     ['infra-grid', 'relative before:content-[""] before:absolute before:inset-0 before:opacity-0 before:pointer-events-none before:[background-image:radial-gradient(#f8fafc_1px,transparent_1px)] before:[background-size:10px_10px] focus-within:before:opacity-10 before:transition-opacity'],
     ['synapse-line', 'h-1 bg-white/5 relative overflow-hidden after:content-[""] after:absolute after:inset-0 after:bg-gradient-to-r after:from-transparent after:via-bos-pink after:to-transparent after:animate-pulse'],
-    ['bos-input-base', 'bos-surface infra-grid px-4 py-3 font-mono text-sm bg-transparent outline-none focus:precision-bracket transition-all placeholder:opacity-20'],
 ];
+/**
+ * Reality Category Preflights (The Elastic Root)
+ */
+export const realityPreflights = `
+  :root {
+    /* Safe Default Multipliers */
+    --vve-u-font: 1rem;
+    --vve-u-gap: 1rem;
+  }
+
+  /* Reality: App (The Vault) - Height Priority */
+  .vve-reality-app {
+    --vve-u-font: clamp(0.85rem, 4.5vh, 1.15rem);
+    --vve-u-gap: clamp(0.5rem, 2vh, 1.5rem);
+  }
+
+  /* Reality: Content (The Atlas) - Width/Reading Priority */
+  .vve-reality-content {
+    --vve-u-font: clamp(1rem, 1.2vw, 1.25rem);
+    --vve-u-gap: clamp(1rem, 2vw, 2.5rem);
+  }
+
+  /* Reality: Landing (The Stage) - Aggressive Impact */
+  .vve-reality-landing {
+    --vve-u-font: clamp(1.1rem, 2vh + 1vw, 1.5rem);
+    --vve-u-gap: clamp(1.5rem, 4vh, 4rem);
+  }
+`;

package/dist/index.js

@@ -1,5 +1,5 @@
 import { definePreset } from 'unocss';
-import { coreTheme, coreShortcuts, corePresets } from './core';
+import { coreTheme, coreShortcuts, corePresets, realityPreflights } from './core';
 import { erpbsgShortcuts, erpbsgPreflights, erpbsgTheme } from './protocols/erpbsg';
 import { dammgoShortcuts } from './protocols/dammgo';
 import { venaShortcuts, venaRules } from './protocols/vena';
@@ -24,7 +24,7 @@ export const presetVena = definePreset((options = {}) => {
     };
     const typographyShortcuts = [
         // Triple Vertical Shielding Protocol (Altitude-Aware)
-        ['bos-title-hero', 'font-brand font-900 text-5xl lg:text-6xl font-black tracking-tighter uppercase leading-[0.9] text-bos-white [@media(min-height:600px)]:text-6xl [@media(min-height:600px)]:xl:text-7xl [@media(min-height:850px)]:text-8xl [@media(min-height:1000px)]:text-[9.5rem]'],
+        ['bos-title-hero', 'font-brand font-900 font-black tracking-tighter uppercase leading-[0.9] text-bos-white [font-size:calc(var(--vve-u-font)*5)] [@media(min-height:850px)]:[font-size:calc(var(--vve-u-font)*7)] [@media(min-height:1000px)]:[font-size:calc(var(--vve-u-font)*9)]'],
         ['bos-title-terminal', 'font-brand font-900 text-4xl md:text-6xl tracking-tighter uppercase leading-none text-bos-white'],
         ['bos-title-section', 'font-brand font-900 text-[10px] text-bos-gray uppercase tracking-[0.4em] opacity-40'],
     ];
@@ -32,8 +32,12 @@ export const presetVena = definePreset((options = {}) => {
     const protocolRules = {
         vena: venaRules,
     };
-    // --- 4. PREFLIGHT INJECTION ---
-    const preflights = [];
+    // --- 4. PREFLIGHT INJECTION (THE REALITY ENGINE) ---
+    const preflights = [
+        {
+            getCSS: () => realityPreflights // Global Reality Variables
+        }
+    ];
     if (protocol === 'erpbsg') {
         preflights.push({
             getCSS: () => erpbsgPreflights

package/dist/protocols/dammgo.js

@@ -1,3 +1,5 @@
 export const dammgoShortcuts = [
-    ['dammgo-hero', 'font-brand font-900 text-8xl md:text-[12rem] tracking-tighter uppercase leading-[0.8]'],
+    // --- IDENTIDAD CORP (ADN PURO) ---
+    // Se elimina la escala tipográfica absoluta para permitir control local en Landings.
+    ['dammgo-hero', 'font-brand font-900 tracking-tighter uppercase leading-[0.8]'],
 ];

package/dist/protocols/erpbsg.d.ts

@@ -6,4 +6,4 @@ export declare const erpbsgTheme: {
     };
 };
 export declare const erpbsgShortcuts: string[][];
-export declare const erpbsgPreflights = "\n  html, body { \n    height: 100%; \n    margin: 0; \n    padding: 0; \n    overflow: hidden; \n    background-color: #020617;\n  }\n  #root { height: 100%; }\n  \n  /* Hard-coded Layout Sovereignty */\n  .erpbsg-atmosphere {\n    position: relative;\n    height: 100vh;\n    width: 100vw;\n    overflow: hidden;\n    background-color: #020617;\n    display: flex;\n    flex-direction: column;\n  }\n\n  @media (min-width: 768px) {\n    .erpbsg-atmosphere {\n      flex-direction: row;\n    }\n  }\n  \n  /* Texture Layer for Atmosphere */\n  .erpbsg-atmosphere::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image: radial-gradient(rgba(248, 250, 252, 0.05) 1px, transparent 1px);\n    background-size: 30px 30px;\n    pointer-events: none;\n    opacity: 0.4;\n    z-index: 0;\n  }\n";
+export declare const erpbsgPreflights = "\n  /* erpbsg Protocol Base Resets */\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n";

package/dist/protocols/erpbsg.js

@@ -6,64 +6,29 @@ export const erpbsgTheme = {
     }
 };
 export const erpbsgShortcuts = [
-    // --- INFRAESTRUCTURA DE TERMINAL (SHELL) ---
-    ['erpbsg-terminal-operativa', 'flex-1 flex flex-col justify-start md:justify-center items-center p-8 md:p-20 relative z-10 bg-bos-slate/20 backdrop-blur-sm h-screen overflow-y-auto w-full md:w-auto'],
-    ['erpbsg-storytelling', 'hidden md:flex flex-1 flex-col justify-between p-20 relative z-10 border-r border-white/5 h-screen w-full md:w-auto'],
-    // --- ELEMENTOS DE TEXTURA TÉCNICA ---
-    ['erpbsg-title-access', 'text-xl xs:text-2xl sm:text-4xl lg:text-5xl font-brand font-black text-bos-white tracking-[-0.05em] uppercase leading-[0.9] whitespace-nowrap'],
-    ['erpbsg-technical-label', 'text-[10px] font-brand font-black text-bos-pink uppercase tracking-[0.4em] block'],
-    ['erpbsg-technical-sub', 'font-ui text-[9px] text-bos-gray/40 uppercase tracking-[0.3em]'],
-    // --- COMPONENTES SOBERANOS ---
-    ['erpbsg-card', 'bos-surface p-6 hover:border-bos-pink/30 transition-all duration-500'],
-    ['erpbsg-input', 'w-full bg-bos-white border border-white/10 rounded-bos-sm px-6 py-4 text-bos-slate font-bold placeholder:text-bos-slate/30 focus:outline-none focus:ring-4 focus:ring-bos-pink/10 transition-all z-10 relative'],
-    ['erpbsg-button', 'px-10 py-5 rounded-bos-sm bg-bos-pink text-bos-white font-brand font-900 uppercase tracking-[0.3em] text-[10px] hover:bg-bos-white hover:text-bos-pink transition-all duration-500 shadow-2xl relative overflow-hidden'],
+    // --- IDENTIDAD TIPOGRÁFICA ELÁSTICA (v0.3.0) ---
+    // Los tamaños ahora dependen del multiplicador --vve-u-font definido por la realidad.
+    ['erpbsg-title-access', 'font-brand font-black text-bos-white tracking-[-0.05em] uppercase leading-[0.9] whitespace-nowrap [font-size:calc(var(--vve-u-font)*3.5)]'],
+    ['erpbsg-technical-label', 'font-brand font-black text-bos-pink uppercase tracking-[0.4em] block [font-size:calc(var(--vve-u-font)*0.7)]'],
+    ['erpbsg-technical-sub', 'font-ui text-bos-gray/40 uppercase tracking-[0.3em] [font-size:calc(var(--vve-u-font)*0.65)]'],
+    // --- COMPONENTES ATÓMICOS ---
+    ['erpbsg-card', 'bos-surface hover:border-bos-pink/30 transition-all duration-500 [padding:calc(var(--vve-u-gap)*1.5)]'],
+    ['erpbsg-input', 'w-full bg-bos-white border border-white/10 rounded-bos-sm text-bos-slate font-bold placeholder:text-bos-slate/30 focus:outline-none focus:ring-4 focus:ring-bos-pink/10 transition-all z-10 relative [padding:calc(var(--vve-u-gap)*1.2)] [font-size:calc(var(--vve-u-font)*0.9)]'],
+    ['erpbsg-button', 'rounded-bos-sm bg-bos-pink text-bos-white font-brand font-900 uppercase tracking-[0.3em] hover:bg-bos-white hover:text-bos-pink transition-all duration-500 shadow-2xl relative overflow-hidden [padding:calc(var(--vve-u-gap)*1.5)] [font-size:calc(var(--vve-u-font)*0.75)]'],
     ['erpbsg-gradient-text', 'text-transparent bg-clip-text bg-gradient-to-r from-bos-pink to-bos-indigo'],
     // --- NAVEGACIÓN Y COMANDO ---
     ['erpbsg-button-manual', 'w-full p-1 border-b border-white/[0.03] hover:border-bos-pink/30 transition-all duration-500 bg-transparent'],
-    ['erpbsg-button-manual-content', 'flex items-center justify-between py-4 px-2'],
-    ['erpbsg-button-manual-label', 'font-brand font-black text-[10px] text-bos-gray/40 uppercase tracking-widest group-hover:text-bos-white transition-colors'],
-    ['erpbsg-button-manual-sub', 'font-ui text-[9px] text-bos-gray/20 uppercase tracking-wider group-hover:text-bos-gray/60 transition-colors'],
+    ['erpbsg-button-manual-content', 'flex items-center justify-between [padding-block:calc(var(--vve-u-gap)*1.2)] px-2'],
+    ['erpbsg-button-manual-label', 'font-brand font-black text-bos-gray/40 uppercase tracking-widest group-hover:text-bos-white transition-colors [font-size:calc(var(--vve-u-font)*0.75)]'],
+    ['erpbsg-button-manual-sub', 'font-ui text-bos-gray/20 uppercase tracking-wider group-hover:text-bos-gray/60 transition-colors [font-size:calc(var(--vve-u-font)*0.65)]'],
     ['erpbsg-button-manual-icon', 'w-8 h-8 rounded-full border border-white/[0.03] flex items-center justify-center text-bos-gray/20 group-hover:border-bos-pink/30 group-hover:bg-bos-pink/5 group-hover:text-bos-pink transition-all'],
-    ['erpbsg-button-back', 'mb-12 flex items-center gap-3 text-bos-gray/40 hover:text-bos-white transition-all bg-transparent border-none p-0 outline-none'],
+    ['erpbsg-button-back', 'flex items-center gap-3 text-bos-gray/40 hover:text-bos-white transition-all bg-transparent border-none p-0 outline-none [margin-bottom:calc(var(--vve-u-gap)*2)]'],
     ['erpbsg-button-back-icon', 'w-6 h-6 rounded-full border border-white/[0.03] flex items-center justify-center text-bos-gray/20 group-hover:border-bos-pink/30 group-hover:text-bos-pink transition-all'],
-    ['erpbsg-button-back-text', 'text-[10px] font-brand font-black uppercase tracking-[0.3em]'],
+    ['erpbsg-button-back-text', 'font-brand font-black uppercase tracking-[0.3em] [font-size:calc(var(--vve-u-font)*0.75)]'],
 ];
 export const erpbsgPreflights = `
-  html, body { 
-    height: 100%; 
-    margin: 0; 
-    padding: 0; 
-    overflow: hidden; 
-    background-color: #020617;
-  }
-  #root { height: 100%; }
-  
-  /* Hard-coded Layout Sovereignty */
-  .erpbsg-atmosphere {
-    position: relative;
-    height: 100vh;
-    width: 100vw;
-    overflow: hidden;
-    background-color: #020617;
-    display: flex;
-    flex-direction: column;
-  }
-
-  @media (min-width: 768px) {
-    .erpbsg-atmosphere {
-      flex-direction: row;
-    }
-  }
-  
-  /* Texture Layer for Atmosphere */
-  .erpbsg-atmosphere::before {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background-image: radial-gradient(rgba(248, 250, 252, 0.05) 1px, transparent 1px);
-    background-size: 30px 30px;
-    pointer-events: none;
-    opacity: 0.4;
-    z-index: 0;
+  /* erpbsg Protocol Base Resets */
+  *, *::before, *::after {
+    box-sizing: border-box;
   }
 `;

package/dist/protocols/lab.js

@@ -6,6 +6,7 @@ export const labTheme = {
     }
 };
 export const labShortcuts = [
-    ['kode-terminal', 'bg-matrix-dark border border-matrix-green/30 p-8 font-mono text-matrix-green shadow-[0_0_20px_rgba(0,255,65,0.1)]'],
+    // --- IDENTIDAD DE LABORATORIO (ATÓMICA) ---
+    ['kode-terminal', 'bg-matrix-dark border border-matrix-green/30 font-mono text-matrix-green shadow-[0_0_20px_rgba(0,255,65,0.1)]'],
     ['kode-button', 'px-6 py-3 border border-matrix-green text-matrix-green font-mono uppercase tracking-widest hover:bg-matrix-green hover:text-matrix-dark transition-all'],
 ];

package/dist/protocols/vena.js

@@ -1,5 +1,6 @@
 export const venaShortcuts = [
-    ['vena-monitor', 'bg-black border-[0.5px] border-bos-cobalt/20 p-4 font-mono text-[11px] text-bos-cobalt/80'],
+    // --- IDENTIDAD DE INTELIGENCIA (ATÓMICA) ---
+    ['vena-monitor', 'bg-black border-[0.5px] border-bos-cobalt/20 font-mono text-[11px] text-bos-cobalt/80'],
     ['vena-pulse-line', 'h-[1px] bg-bos-cobalt/10 relative overflow-hidden after:content-[""] after:absolute after:inset-0 after:bg-bos-cobalt after:animate-scan'],
 ];
 export const venaRules = [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dammgo/vena-visual-engine",
-  "version": "0.2.6",
-  "description": "The Sovereign Visual Engine. A rebellion against generic AI-generated interfaces, built for infrastructure longevity.",
+  "version": "0.3.0-alpha.1",
+  "description": "The Sovereign Visual Engine. Reality-Aware Infrastructure for the erpbsg ecosystem.",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",