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

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.
@@ -25,4 +25,11 @@ export declare const coreTheme: {
25
25
  };
26
26
  };
27
27
  export declare const corePresets: (import("unocss").Preset<import("unocss").PresetMiniTheme> | import("unocss").Preset<any>)[];
28
+ /**
29
+ * Shared Shortcuts (DNA Only)
30
+ */
28
31
  export declare const coreShortcuts: string[][];
32
+ /**
33
+ * Reality Category Preflights (The Elastic Root)
34
+ */
35
+ 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";
@@ -36,10 +36,40 @@ export const corePresets = [
36
36
  },
37
37
  }),
38
38
  ];
39
+ /**
40
+ * Shared Shortcuts (DNA Only)
41
+ */
39
42
  export const coreShortcuts = [
40
43
  ['bos-surface', 'bg-bos-surface/40 backdrop-blur-md border border-bos-armor/30 rounded-bos-sm shadow-none'],
41
44
  ['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'],
42
45
  ['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'],
43
46
  ['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'],
44
- ['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'],
45
47
  ];
48
+ /**
49
+ * Reality Category Preflights (The Elastic Root)
50
+ */
51
+ export const realityPreflights = `
52
+ :root {
53
+ /* Safe Default Multipliers */
54
+ --vve-u-font: 1rem;
55
+ --vve-u-gap: 1rem;
56
+ }
57
+
58
+ /* Reality: App (The Vault) - Height Priority */
59
+ .vve-reality-app {
60
+ --vve-u-font: clamp(0.85rem, 4.5vh, 1.15rem);
61
+ --vve-u-gap: clamp(0.5rem, 2vh, 1.5rem);
62
+ }
63
+
64
+ /* Reality: Content (The Atlas) - Width/Reading Priority */
65
+ .vve-reality-content {
66
+ --vve-u-font: clamp(1rem, 1.2vw, 1.25rem);
67
+ --vve-u-gap: clamp(1rem, 2vw, 2.5rem);
68
+ }
69
+
70
+ /* Reality: Landing (The Stage) - Aggressive Impact */
71
+ .vve-reality-landing {
72
+ --vve-u-font: clamp(1.1rem, 2vh + 1vw, 1.5rem);
73
+ --vve-u-gap: clamp(1.5rem, 4vh, 4rem);
74
+ }
75
+ `;
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { definePreset } from 'unocss';
2
- import { coreTheme, coreShortcuts, corePresets } from './core';
2
+ import { coreTheme, coreShortcuts, corePresets, realityPreflights } from './core';
3
3
  import { erpbsgShortcuts, erpbsgPreflights, erpbsgTheme } from './protocols/erpbsg';
4
4
  import { dammgoShortcuts } from './protocols/dammgo';
5
5
  import { venaShortcuts, venaRules } from './protocols/vena';
@@ -24,7 +24,7 @@ export const presetVena = definePreset((options = {}) => {
24
24
  };
25
25
  const typographyShortcuts = [
26
26
  // Triple Vertical Shielding Protocol (Altitude-Aware)
27
- ['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]'],
27
+ ['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)]'],
28
28
  ['bos-title-terminal', 'font-brand font-900 text-4xl md:text-6xl tracking-tighter uppercase leading-none text-bos-white'],
29
29
  ['bos-title-section', 'font-brand font-900 text-[10px] text-bos-gray uppercase tracking-[0.4em] opacity-40'],
30
30
  ];
@@ -32,8 +32,12 @@ export const presetVena = definePreset((options = {}) => {
32
32
  const protocolRules = {
33
33
  vena: venaRules,
34
34
  };
35
- // --- 4. PREFLIGHT INJECTION ---
36
- const preflights = [];
35
+ // --- 4. PREFLIGHT INJECTION (THE REALITY ENGINE) ---
36
+ const preflights = [
37
+ {
38
+ getCSS: () => realityPreflights // Global Reality Variables
39
+ }
40
+ ];
37
41
  if (protocol === 'erpbsg') {
38
42
  preflights.push({
39
43
  getCSS: () => erpbsgPreflights
@@ -6,25 +6,25 @@ export const erpbsgTheme = {
6
6
  }
7
7
  };
8
8
  export const erpbsgShortcuts = [
9
- // --- IDENTIDAD TIPOGRÁFICA (SEGURA POR DISEÑO) ---
10
- // Se reduce el techo de la escala a 4xl para evitar desbordes en pantallas de baja altura.
11
- ['erpbsg-title-access', 'text-xl xs:text-2xl sm:text-3xl lg:text-4xl font-brand font-black text-bos-white tracking-[-0.05em] uppercase leading-[0.9] whitespace-nowrap'],
12
- ['erpbsg-technical-label', 'text-[10px] font-brand font-black text-bos-pink uppercase tracking-[0.4em] block'],
13
- ['erpbsg-technical-sub', 'font-ui text-[9px] text-bos-gray/40 uppercase tracking-[0.3em]'],
14
- // --- COMPONENTES ATÓMICOS (SIN MÁRGENES EXTERNOS) ---
15
- ['erpbsg-card', 'bos-surface p-6 hover:border-bos-pink/30 transition-all duration-500'],
16
- ['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'],
17
- ['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'],
9
+ // --- IDENTIDAD TIPOGRÁFICA ELÁSTICA (v0.3.0) ---
10
+ // Los tamaños ahora dependen del multiplicador --vve-u-font definido por la realidad.
11
+ ['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)]'],
12
+ ['erpbsg-technical-label', 'font-brand font-black text-bos-pink uppercase tracking-[0.4em] block [font-size:calc(var(--vve-u-font)*0.7)]'],
13
+ ['erpbsg-technical-sub', 'font-ui text-bos-gray/40 uppercase tracking-[0.3em] [font-size:calc(var(--vve-u-font)*0.65)]'],
14
+ // --- COMPONENTES ATÓMICOS ---
15
+ ['erpbsg-card', 'bos-surface hover:border-bos-pink/30 transition-all duration-500 [padding:calc(var(--vve-u-gap)*1.5)]'],
16
+ ['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)]'],
17
+ ['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)]'],
18
18
  ['erpbsg-gradient-text', 'text-transparent bg-clip-text bg-gradient-to-r from-bos-pink to-bos-indigo'],
19
- // --- NAVEGACIÓN Y COMANDO (IDENTIDAD PURA) ---
19
+ // --- NAVEGACIÓN Y COMANDO ---
20
20
  ['erpbsg-button-manual', 'w-full p-1 border-b border-white/[0.03] hover:border-bos-pink/30 transition-all duration-500 bg-transparent'],
21
- ['erpbsg-button-manual-content', 'flex items-center justify-between py-4 px-2'],
22
- ['erpbsg-button-manual-label', 'font-brand font-black text-[10px] text-bos-gray/40 uppercase tracking-widest group-hover:text-bos-white transition-colors'],
23
- ['erpbsg-button-manual-sub', 'font-ui text-[9px] text-bos-gray/20 uppercase tracking-wider group-hover:text-bos-gray/60 transition-colors'],
21
+ ['erpbsg-button-manual-content', 'flex items-center justify-between [padding-block:calc(var(--vve-u-gap)*1.2)] px-2'],
22
+ ['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)]'],
23
+ ['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)]'],
24
24
  ['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'],
25
- ['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'],
25
+ ['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)]'],
26
26
  ['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'],
27
- ['erpbsg-button-back-text', 'text-[10px] font-brand font-black uppercase tracking-[0.3em]'],
27
+ ['erpbsg-button-back-text', 'font-brand font-black uppercase tracking-[0.3em] [font-size:calc(var(--vve-u-font)*0.75)]'],
28
28
  ];
29
29
  export const erpbsgPreflights = `
30
30
  /* erpbsg Protocol Base Resets */
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dammgo/vena-visual-engine",
3
- "version": "0.2.7",
4
- "description": "The Sovereign Visual Engine. A rebellion against generic AI-generated interfaces, built for infrastructure longevity.",
3
+ "version": "0.3.0-alpha.1",
4
+ "description": "The Sovereign Visual Engine. Reality-Aware Infrastructure for the erpbsg ecosystem.",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "module": "./dist/index.js",