@synthex-engineers/refined-tech 0.0.0-stage → 1.0.1

package/dist/tokens/index.cjs

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// tokens/index.ts
+var colors = {
+  charcoal: "#111111",
+  slateSurface: "#1E1E1E",
+  slateCard: "#1E1E1E",
+  slateBorder: "#2A2A2A",
+  pistachio: "#E0F9B5",
+  electric: "#CCF586",
+  snow: "#F4FDE4",
+  gold: "#D4AF37",
+  muted: "#8E8E93",
+  textPure: "#FFFFFF",
+  textDark: "#111111"
+};
+var fonts = {
+  display: "'Outfit', -apple-system, BlinkMacSystemFont, sans-serif",
+  body: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
+  sans: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif",
+  mono: "'JetBrains Mono', monospace"
+};
+var radii = {
+  sm: "6px",
+  md: "8px",
+  lg: "12px",
+  xl: "16px",
+  "2xl": "24px",
+  squircle: "52px",
+  full: "9999px"
+};
+var spacing = {
+  "0.5": "2px",
+  "1": "4px",
+  "1.5": "6px",
+  "2": "8px",
+  "3": "12px",
+  "4": "16px",
+  "5": "20px",
+  "6": "24px",
+  "8": "32px",
+  "10": "40px",
+  "12": "48px",
+  "16": "64px"
+};
+var heights = {
+  input: "44px",
+  btnPrimary: "44px",
+  btnSecondary: "36px",
+  btnMicro: "32px",
+  topbar: "64px",
+  sidebarWidth: "256px"
+};
+var shadows = {
+  subtle: "0 4px 14px rgba(0, 0, 0, 0.25)",
+  glowPistachio: "0 0 20px rgba(224, 249, 181, 0.15)",
+  glowElectric: "0 0 25px rgba(204, 245, 134, 0.20)"
+};
+var borders = {
+  thin: "1px solid #2A2A2A"
+};
+var tokens = {
+  colors,
+  fonts,
+  radii,
+  spacing,
+  heights,
+  shadows,
+  borders
+};
+var tokens_default = tokens;
+
+exports.borders = borders;
+exports.colors = colors;
+exports.default = tokens_default;
+exports.fonts = fonts;
+exports.heights = heights;
+exports.radii = radii;
+exports.shadows = shadows;
+exports.spacing = spacing;
+exports.tokens = tokens;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/tokens/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../tokens/index.ts"],"names":[],"mappings":";;;;;AAKO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,SAAA;AAAA,EACV,YAAA,EAAc,SAAA;AAAA,EACd,SAAA,EAAW,SAAA;AAAA,EACX,WAAA,EAAa,SAAA;AAAA,EACb,SAAA,EAAW,SAAA;AAAA,EACX,QAAA,EAAU,SAAA;AAAA,EACV,IAAA,EAAM,SAAA;AAAA,EACN,IAAA,EAAM,SAAA;AAAA,EACN,KAAA,EAAO,SAAA;AAAA,EACP,QAAA,EAAU,SAAA;AAAA,EACV,QAAA,EAAU;AACZ;AAEO,IAAM,KAAA,GAAQ;AAAA,EACnB,OAAA,EAAS,yDAAA;AAAA,EACT,IAAA,EAAM,wDAAA;AAAA,EACN,IAAA,EAAM,wDAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,KAAA,GAAQ;AAAA,EACnB,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,KAAA,EAAO,MAAA;AAAA,EACP,QAAA,EAAU,MAAA;AAAA,EACV,IAAA,EAAM;AACR;AAEO,IAAM,OAAA,GAAU;AAAA,EACrB,KAAA,EAAO,KAAA;AAAA,EACP,GAAA,EAAK,KAAA;AAAA,EACL,KAAA,EAAO,KAAA;AAAA,EACP,GAAA,EAAK,KAAA;AAAA,EACL,GAAA,EAAK,MAAA;AAAA,EACL,GAAA,EAAK,MAAA;AAAA,EACL,GAAA,EAAK,MAAA;AAAA,EACL,GAAA,EAAK,MAAA;AAAA,EACL,GAAA,EAAK,MAAA;AAAA,EACL,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,OAAA,GAAU;AAAA,EACrB,KAAA,EAAO,MAAA;AAAA,EACP,UAAA,EAAY,MAAA;AAAA,EACZ,YAAA,EAAc,MAAA;AAAA,EACd,QAAA,EAAU,MAAA;AAAA,EACV,MAAA,EAAQ,MAAA;AAAA,EACR,YAAA,EAAc;AAChB;AAEO,IAAM,OAAA,GAAU;AAAA,EACrB,MAAA,EAAQ,gCAAA;AAAA,EACR,aAAA,EAAe,oCAAA;AAAA,EACf,YAAA,EAAc;AAChB;AAEO,IAAM,OAAA,GAAU;AAAA,EACrB,IAAA,EAAM;AACR;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,MAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF;AAWA,IAAO,cAAA,GAAQ","file":"index.cjs","sourcesContent":["/**\n * Synthex Refined Tech — Tokens Canónicos de Diseño\n * Derivado de brand/02-guidelines/tokens.json y vault/Arquitecturas/Synthex - Sistema de Diseño y Guía de Estilo Visual.md\n */\n\nexport const colors = {\n  charcoal: '#111111',\n  slateSurface: '#1E1E1E',\n  slateCard: '#1E1E1E',\n  slateBorder: '#2A2A2A',\n  pistachio: '#E0F9B5',\n  electric: '#CCF586',\n  snow: '#F4FDE4',\n  gold: '#D4AF37',\n  muted: '#8E8E93',\n  textPure: '#FFFFFF',\n  textDark: '#111111',\n} as const;\n\nexport const fonts = {\n  display: \"'Outfit', -apple-system, BlinkMacSystemFont, sans-serif\",\n  body: \"'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n  sans: \"'Inter', -apple-system, BlinkMacSystemFont, sans-serif\",\n  mono: \"'JetBrains Mono', monospace\",\n} as const;\n\nexport const radii = {\n  sm: '6px',\n  md: '8px',\n  lg: '12px',\n  xl: '16px',\n  '2xl': '24px',\n  squircle: '52px',\n  full: '9999px',\n} as const;\n\nexport const spacing = {\n  '0.5': '2px',\n  '1': '4px',\n  '1.5': '6px',\n  '2': '8px',\n  '3': '12px',\n  '4': '16px',\n  '5': '20px',\n  '6': '24px',\n  '8': '32px',\n  '10': '40px',\n  '12': '48px',\n  '16': '64px',\n} as const;\n\nexport const heights = {\n  input: '44px',\n  btnPrimary: '44px',\n  btnSecondary: '36px',\n  btnMicro: '32px',\n  topbar: '64px',\n  sidebarWidth: '256px',\n} as const;\n\nexport const shadows = {\n  subtle: '0 4px 14px rgba(0, 0, 0, 0.25)',\n  glowPistachio: '0 0 20px rgba(224, 249, 181, 0.15)',\n  glowElectric: '0 0 25px rgba(204, 245, 134, 0.20)',\n} as const;\n\nexport const borders = {\n  thin: '1px solid #2A2A2A',\n} as const;\n\nexport const tokens = {\n  colors,\n  fonts,\n  radii,\n  spacing,\n  heights,\n  shadows,\n  borders,\n} as const;\n\nexport type Colors = typeof colors;\nexport type Fonts = typeof fonts;\nexport type Radii = typeof radii;\nexport type Spacing = typeof spacing;\nexport type Heights = typeof heights;\nexport type Shadows = typeof shadows;\nexport type Borders = typeof borders;\nexport type Tokens = typeof tokens;\n\nexport default tokens;\n"]}

package/dist/tokens/index.d.cts

@@ -0,0 +1,133 @@
+/**
+ * Synthex Refined Tech — Tokens Canónicos de Diseño
+ * Derivado de brand/02-guidelines/tokens.json y vault/Arquitecturas/Synthex - Sistema de Diseño y Guía de Estilo Visual.md
+ */
+declare const colors: {
+    readonly charcoal: "#111111";
+    readonly slateSurface: "#1E1E1E";
+    readonly slateCard: "#1E1E1E";
+    readonly slateBorder: "#2A2A2A";
+    readonly pistachio: "#E0F9B5";
+    readonly electric: "#CCF586";
+    readonly snow: "#F4FDE4";
+    readonly gold: "#D4AF37";
+    readonly muted: "#8E8E93";
+    readonly textPure: "#FFFFFF";
+    readonly textDark: "#111111";
+};
+declare const fonts: {
+    readonly display: "'Outfit', -apple-system, BlinkMacSystemFont, sans-serif";
+    readonly body: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif";
+    readonly sans: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif";
+    readonly mono: "'JetBrains Mono', monospace";
+};
+declare const radii: {
+    readonly sm: "6px";
+    readonly md: "8px";
+    readonly lg: "12px";
+    readonly xl: "16px";
+    readonly '2xl': "24px";
+    readonly squircle: "52px";
+    readonly full: "9999px";
+};
+declare const spacing: {
+    readonly '0.5': "2px";
+    readonly '1': "4px";
+    readonly '1.5': "6px";
+    readonly '2': "8px";
+    readonly '3': "12px";
+    readonly '4': "16px";
+    readonly '5': "20px";
+    readonly '6': "24px";
+    readonly '8': "32px";
+    readonly '10': "40px";
+    readonly '12': "48px";
+    readonly '16': "64px";
+};
+declare const heights: {
+    readonly input: "44px";
+    readonly btnPrimary: "44px";
+    readonly btnSecondary: "36px";
+    readonly btnMicro: "32px";
+    readonly topbar: "64px";
+    readonly sidebarWidth: "256px";
+};
+declare const shadows: {
+    readonly subtle: "0 4px 14px rgba(0, 0, 0, 0.25)";
+    readonly glowPistachio: "0 0 20px rgba(224, 249, 181, 0.15)";
+    readonly glowElectric: "0 0 25px rgba(204, 245, 134, 0.20)";
+};
+declare const borders: {
+    readonly thin: "1px solid #2A2A2A";
+};
+declare const tokens: {
+    readonly colors: {
+        readonly charcoal: "#111111";
+        readonly slateSurface: "#1E1E1E";
+        readonly slateCard: "#1E1E1E";
+        readonly slateBorder: "#2A2A2A";
+        readonly pistachio: "#E0F9B5";
+        readonly electric: "#CCF586";
+        readonly snow: "#F4FDE4";
+        readonly gold: "#D4AF37";
+        readonly muted: "#8E8E93";
+        readonly textPure: "#FFFFFF";
+        readonly textDark: "#111111";
+    };
+    readonly fonts: {
+        readonly display: "'Outfit', -apple-system, BlinkMacSystemFont, sans-serif";
+        readonly body: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif";
+        readonly sans: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif";
+        readonly mono: "'JetBrains Mono', monospace";
+    };
+    readonly radii: {
+        readonly sm: "6px";
+        readonly md: "8px";
+        readonly lg: "12px";
+        readonly xl: "16px";
+        readonly '2xl': "24px";
+        readonly squircle: "52px";
+        readonly full: "9999px";
+    };
+    readonly spacing: {
+        readonly '0.5': "2px";
+        readonly '1': "4px";
+        readonly '1.5': "6px";
+        readonly '2': "8px";
+        readonly '3': "12px";
+        readonly '4': "16px";
+        readonly '5': "20px";
+        readonly '6': "24px";
+        readonly '8': "32px";
+        readonly '10': "40px";
+        readonly '12': "48px";
+        readonly '16': "64px";
+    };
+    readonly heights: {
+        readonly input: "44px";
+        readonly btnPrimary: "44px";
+        readonly btnSecondary: "36px";
+        readonly btnMicro: "32px";
+        readonly topbar: "64px";
+        readonly sidebarWidth: "256px";
+    };
+    readonly shadows: {
+        readonly subtle: "0 4px 14px rgba(0, 0, 0, 0.25)";
+        readonly glowPistachio: "0 0 20px rgba(224, 249, 181, 0.15)";
+        readonly glowElectric: "0 0 25px rgba(204, 245, 134, 0.20)";
+    };
+    readonly borders: {
+        readonly thin: "1px solid #2A2A2A";
+    };
+};
+type Colors = typeof colors;
+type Fonts = typeof fonts;
+type Radii = typeof radii;
+type Spacing = typeof spacing;
+type Heights = typeof heights;
+type Shadows = typeof shadows;
+type Borders = typeof borders;
+type Tokens = typeof tokens;
+
+export { borders, colors, tokens as default, fonts, heights, radii, shadows, spacing, tokens };
+export type { Borders, Colors, Fonts, Heights, Radii, Shadows, Spacing, Tokens };

package/dist/tokens/index.d.ts

@@ -0,0 +1,133 @@
+/**
+ * Synthex Refined Tech — Tokens Canónicos de Diseño
+ * Derivado de brand/02-guidelines/tokens.json y vault/Arquitecturas/Synthex - Sistema de Diseño y Guía de Estilo Visual.md
+ */
+declare const colors: {
+    readonly charcoal: "#111111";
+    readonly slateSurface: "#1E1E1E";
+    readonly slateCard: "#1E1E1E";
+    readonly slateBorder: "#2A2A2A";
+    readonly pistachio: "#E0F9B5";
+    readonly electric: "#CCF586";
+    readonly snow: "#F4FDE4";
+    readonly gold: "#D4AF37";
+    readonly muted: "#8E8E93";
+    readonly textPure: "#FFFFFF";
+    readonly textDark: "#111111";
+};
+declare const fonts: {
+    readonly display: "'Outfit', -apple-system, BlinkMacSystemFont, sans-serif";
+    readonly body: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif";
+    readonly sans: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif";
+    readonly mono: "'JetBrains Mono', monospace";
+};
+declare const radii: {
+    readonly sm: "6px";
+    readonly md: "8px";
+    readonly lg: "12px";
+    readonly xl: "16px";
+    readonly '2xl': "24px";
+    readonly squircle: "52px";
+    readonly full: "9999px";
+};
+declare const spacing: {
+    readonly '0.5': "2px";
+    readonly '1': "4px";
+    readonly '1.5': "6px";
+    readonly '2': "8px";
+    readonly '3': "12px";
+    readonly '4': "16px";
+    readonly '5': "20px";
+    readonly '6': "24px";
+    readonly '8': "32px";
+    readonly '10': "40px";
+    readonly '12': "48px";
+    readonly '16': "64px";
+};
+declare const heights: {
+    readonly input: "44px";
+    readonly btnPrimary: "44px";
+    readonly btnSecondary: "36px";
+    readonly btnMicro: "32px";
+    readonly topbar: "64px";
+    readonly sidebarWidth: "256px";
+};
+declare const shadows: {
+    readonly subtle: "0 4px 14px rgba(0, 0, 0, 0.25)";
+    readonly glowPistachio: "0 0 20px rgba(224, 249, 181, 0.15)";
+    readonly glowElectric: "0 0 25px rgba(204, 245, 134, 0.20)";
+};
+declare const borders: {
+    readonly thin: "1px solid #2A2A2A";
+};
+declare const tokens: {
+    readonly colors: {
+        readonly charcoal: "#111111";
+        readonly slateSurface: "#1E1E1E";
+        readonly slateCard: "#1E1E1E";
+        readonly slateBorder: "#2A2A2A";
+        readonly pistachio: "#E0F9B5";
+        readonly electric: "#CCF586";
+        readonly snow: "#F4FDE4";
+        readonly gold: "#D4AF37";
+        readonly muted: "#8E8E93";
+        readonly textPure: "#FFFFFF";
+        readonly textDark: "#111111";
+    };
+    readonly fonts: {
+        readonly display: "'Outfit', -apple-system, BlinkMacSystemFont, sans-serif";
+        readonly body: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif";
+        readonly sans: "'Inter', -apple-system, BlinkMacSystemFont, sans-serif";
+        readonly mono: "'JetBrains Mono', monospace";
+    };
+    readonly radii: {
+        readonly sm: "6px";
+        readonly md: "8px";
+        readonly lg: "12px";
+        readonly xl: "16px";
+        readonly '2xl': "24px";
+        readonly squircle: "52px";
+        readonly full: "9999px";
+    };
+    readonly spacing: {
+        readonly '0.5': "2px";
+        readonly '1': "4px";
+        readonly '1.5': "6px";
+        readonly '2': "8px";
+        readonly '3': "12px";
+        readonly '4': "16px";
+        readonly '5': "20px";
+        readonly '6': "24px";
+        readonly '8': "32px";
+        readonly '10': "40px";
+        readonly '12': "48px";
+        readonly '16': "64px";
+    };
+    readonly heights: {
+        readonly input: "44px";
+        readonly btnPrimary: "44px";
+        readonly btnSecondary: "36px";
+        readonly btnMicro: "32px";
+        readonly topbar: "64px";
+        readonly sidebarWidth: "256px";
+    };
+    readonly shadows: {
+        readonly subtle: "0 4px 14px rgba(0, 0, 0, 0.25)";
+        readonly glowPistachio: "0 0 20px rgba(224, 249, 181, 0.15)";
+        readonly glowElectric: "0 0 25px rgba(204, 245, 134, 0.20)";
+    };
+    readonly borders: {
+        readonly thin: "1px solid #2A2A2A";
+    };
+};
+type Colors = typeof colors;
+type Fonts = typeof fonts;
+type Radii = typeof radii;
+type Spacing = typeof spacing;
+type Heights = typeof heights;
+type Shadows = typeof shadows;
+type Borders = typeof borders;
+type Tokens = typeof tokens;
+
+export { borders, colors, tokens as default, fonts, heights, radii, shadows, spacing, tokens };
+export type { Borders, Colors, Fonts, Heights, Radii, Shadows, Spacing, Tokens };

package/dist/tokens/index.js

@@ -0,0 +1,4 @@
+export { borders, colors, tokens_default as default, fonts, heights, radii, shadows, spacing, tokens } from '../chunk-PAHBEY3T.js';
+import '../chunk-EUXUH3YW.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/tokens/refined-tech.css

@@ -0,0 +1,73 @@
+/**
+ * Synthex Refined Tech — Tokens CSS Oficiales
+ * Derivado de brand/02-guidelines/tokens.json y vault/Arquitecturas/Synthex - Sistema de Diseño y Guía de Estilo Visual.md
+ */
+
+:root {
+  /* Paleta Canónica */
+  --st-color-charcoal: #111111;
+  --st-color-charcoal-rgb: 17, 17, 17;
+  
+  --st-color-slate-surface: #1E1E1E;
+  --st-color-slate-surface-rgb: 30, 30, 30;
+  
+  --st-color-slate-border: #2A2A2A;
+  --st-color-slate-border-rgb: 42, 42, 42;
+  
+  --st-color-pistachio: #E0F9B5;
+  --st-color-pistachio-rgb: 224, 249, 181;
+  
+  --st-color-electric: #CCF586;
+  --st-color-electric-rgb: 204, 245, 134;
+  
+  --st-color-snow: #F4FDE4;
+  --st-color-snow-rgb: 244, 253, 228;
+  
+  --st-color-gold: #D4AF37;
+  --st-color-gold-rgb: 212, 175, 55;
+  
+  /* Textos y Contraste */
+  --st-color-text-pure: #FFFFFF;
+  --st-color-text-muted: #8E8E93;
+  --st-color-text-dark: #111111;
+  
+  /* Tipografía */
+  --st-font-display: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
+  --st-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+  --st-font-mono: 'JetBrains Mono', monospace;
+  
+  /* Geometría y Radios de Borde */
+  --st-radius-sm: 6px;
+  --st-radius-md: 8px;
+  --st-radius-lg: 12px;
+  --st-radius-xl: 16px;
+  --st-radius-2xl: 24px;
+  --st-radius-squircle: 52px;
+  --st-radius-full: 9999px;
+  
+  /* Escala Modular de Espaciado (Gap, Margin, Padding) */
+  --st-space-0-5: 2px;
+  --st-space-1: 4px;
+  --st-space-1-5: 6px;
+  --st-space-2: 8px;
+  --st-space-3: 12px;
+  --st-space-4: 16px;
+  --st-space-5: 20px;
+  --st-space-6: 24px;
+  --st-space-8: 32px;
+  --st-space-10: 40px;
+  --st-space-12: 48px;
+  --st-space-16: 64px;
+
+  /* Alturas y Dimensiones Interactivas Calibradas */
+  --st-height-input: 44px;
+  --st-height-btn-primary: 44px;
+  --st-height-btn-secondary: 36px;
+  --st-height-btn-micro: 32px;
+  --st-height-topbar: 64px;
+  --st-width-sidebar: 256px;
+  
+  --st-border-thin: 1px solid var(--st-color-slate-border);
+  --st-shadow-subtle: 0 4px 14px rgba(0, 0, 0, 0.25);
+  --st-shadow-glow-pistachio: 0 0 20px rgba(224, 249, 181, 0.15);
+}

package/dist/tokens/tailwind-preset.d.ts

@@ -0,0 +1,46 @@
+import type { Config } from 'tailwindcss';
+
+export interface RefinedTechTailwindPreset extends Partial<Config> {
+  darkMode: 'class';
+  theme: {
+    extend: {
+      colors: {
+        charcoal: string;
+        slateSurface: string;
+        slateCard: string;
+        slateBorder: string;
+        pistachio: string;
+        electric: string;
+        snow: string;
+        gold: string;
+        muted: string;
+      };
+      fontFamily: {
+        display: string[];
+        sans: string[];
+        mono: string[];
+      };
+      borderRadius: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        squircle: string;
+        full: string;
+      };
+      spacing?: Record<string, string>;
+      height?: Record<string, string>;
+      width?: Record<string, string>;
+      boxShadow: {
+        subtle: string;
+        glowPistachio: string;
+        glowElectric: string;
+      };
+    };
+  };
+}
+
+declare const preset: RefinedTechTailwindPreset;
+export { preset };
+export default preset;

package/dist/tokens/tailwind-preset.js

@@ -0,0 +1,74 @@
+/**
+ * Synthex Refined Tech — Preset oficial de Tailwind CSS
+ * Uso:
+ * - ESM / Astro: import refinedTechPreset from '@synthex-engineers/refined-tech/tailwind-preset'
+ * - CJS: const refinedTechPreset = require('@synthex-engineers/refined-tech/tailwind-preset')
+ */
+
+export const preset = {
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        charcoal: '#111111',
+        slateSurface: '#1A1A1A',
+        slateCard: '#1E1E1E',
+        slateBorder: '#2A2A2A',
+        pistachio: '#E0F9B5',
+        electric: '#CCF586',
+        snow: '#F4FDE4',
+        gold: '#D4AF37',
+        muted: '#8E8E93',
+      },
+      fontFamily: {
+        display: ['Outfit', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'],
+        sans: ['Inter', '-apple-system', 'BlinkMacSystemFont', 'sans-serif'],
+        mono: ['JetBrains Mono', 'monospace'],
+      },
+      borderRadius: {
+        sm: '6px',
+        md: '8px',
+        lg: '12px',
+        xl: '16px',
+        '2xl': '24px',
+        squircle: '52px',
+        full: '9999px',
+      },
+      spacing: {
+        '0.5': '2px',
+        '1': '4px',
+        '1.5': '6px',
+        '2': '8px',
+        '3': '12px',
+        '4': '16px',
+        '5': '20px',
+        '6': '24px',
+        '8': '32px',
+        '10': '40px',
+        '12': '48px',
+        '16': '64px',
+      },
+      height: {
+        input: '44px',
+        'btn-primary': '44px',
+        'btn-secondary': '36px',
+        'btn-micro': '32px',
+        topbar: '64px',
+      },
+      width: {
+        sidebar: '256px',
+      },
+      maxHeight: {
+        modal: '90vh',
+        palette: '80vh',
+      },
+      boxShadow: {
+        subtle: '0 4px 14px rgba(0, 0, 0, 0.25)',
+        glowPistachio: '0 0 20px rgba(224, 249, 181, 0.15)',
+        glowElectric: '0 0 25px rgba(204, 245, 134, 0.20)',
+      },
+    },
+  },
+};
+
+export default preset;

package/package.json

@@ -1,6 +1,102 @@
 {
   "name": "@synthex-engineers/refined-tech",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "type": "module",
+  "version": "1.0.1",
+  "description": "Librería canónica de diseño, componentes multi-framework y catálogo interactivo Synthex Refined Tech",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./angular": {
+      "types": "./dist/angular/index.d.ts",
+      "import": "./dist/angular/index.js",
+      "default": "./dist/angular/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "default": "./dist/react/index.js"
+    },
+    "./astro": {
+      "types": "./dist/astro/index.d.ts",
+      "import": "./dist/astro/index.js",
+      "default": "./dist/astro/index.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.js",
+      "default": "./dist/tokens/index.js"
+    },
+    "./css": "./dist/tokens/refined-tech.css",
+    "./tokens/refined-tech.css": "./dist/tokens/refined-tech.css",
+    "./tailwind-preset": {
+      "types": "./dist/tokens/tailwind-preset.d.ts",
+      "import": "./dist/tokens/tailwind-preset.js",
+      "default": "./dist/tokens/tailwind-preset.js"
+    },
+    "./registry": "./dist/registry/components.json",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "dev": "node scripts/dev.js",
+    "start": "node scripts/dev.js",
+    "sync": "node scripts/sync-components.js",
+    "sync:watch": "node scripts/sync-components.js --watch",
+    "prebuild": "node scripts/sync-components.js",
+    "build:lib": "node scripts/build-package.js",
+    "build:catalog": "astro check && astro build",
+    "build": "npm run build:lib && npm run build:catalog",
+    "prepack": "npm run build:lib",
+    "release": "npm run build:lib && npm test && npm publish --access public",
+    "preview": "astro preview",
+    "check": "astro check",
+    "pretest": "node scripts/sync-components.js",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@astrojs/check": "^0.9.10",
+    "@astrojs/react": "^4.2.1",
+    "@astrojs/tailwind": "^5.1.5",
+    "astro": "^5.4.2",
+    "gsap": "^3.12.7",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^3.4.17",
+    "typescript": "^5.8.2"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@angular/common": {
+      "optional": true
+    },
+    "@angular/core": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@angular/common": "^22.2.3",
+    "@angular/compiler": "^22.2.3",
+    "@angular/core": "^22.2.3",
+    "@emnapi/runtime": "^1.11.3",
+    "@types/react": "^19.0.10",
+    "@types/react-dom": "^19.0.4",
+    "rxjs": "^7.8.2",
+    "tsup": "^9.0.0",
+    "vitest": "^5.0.5"
+  }
+}