fluentglass 0.2.6

package/lib/commonjs/theme/resolvers.js

@@ -0,0 +1,118 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveBackwardCompat = resolveBackwardCompat;
+exports.resolveBlur = resolveBlur;
+exports.resolveColorScheme = resolveColorScheme;
+exports.resolveRadius = resolveRadius;
+exports.resolveSize = resolveSize;
+/**
+ * FluentGlass Theme Resolvers
+ *
+ * Utility functions that convert prop values (size="lg", colorScheme="success")
+ * into concrete style objects using the theme's tokens.
+ *
+ * Usage in components:
+ *   const theme = useTheme();
+ *   const sizeStyles = resolveSize(theme, size || theme.defaults.size);
+ *   const colorStyles = resolveColorScheme(theme, colorScheme || theme.defaults.colorScheme);
+ *   const blurConfig = resolveBlur(theme, blur || theme.defaults.blur);
+ *   const radiusValue = resolveRadius(theme, radius || theme.defaults.radius);
+ */
+
+/**
+ * Resolve size prop → { paddingHorizontal, paddingVertical, fontSize, minHeight, borderRadius, iconSize, gap }
+ */
+function resolveSize(theme, size = 'md') {
+  return theme.sizes[size] || theme.sizes.md;
+}
+
+/**
+ * Resolve colorScheme prop → { solid, bg, border, text, tint }
+ */
+function resolveColorScheme(theme, colorScheme = 'default') {
+  return theme.colorSchemes[colorScheme] || theme.colorSchemes.default;
+}
+
+/**
+ * Resolve blur prop → { intensity, tintAlpha }
+ */
+function resolveBlur(theme, blur = 'medium') {
+  return theme.blurs[blur] || theme.blurs.medium;
+}
+
+/**
+ * Resolve radius prop → number
+ */
+function resolveRadius(theme, radius = 'md') {
+  return theme.radii[radius] ?? theme.radii.md;
+}
+
+/**
+ * Backward compatibility: map old prop names to new ones.
+ *
+ * - variant="primary"  → colorScheme="info"
+ * - variant="secondary" → colorScheme="default"
+ * - variant="ghost"     → colorScheme="default" (with blur="none")
+ * - type="success"      → colorScheme="success"
+ * - type="error"        → colorScheme="error"
+ * - tint="dark"         → colorScheme="dark"
+ * - tint="deep"         → colorScheme="deep"
+ * - intensity=40        → blur="strong"
+ */
+function resolveBackwardCompat({
+  variant,
+  type,
+  tint,
+  intensity,
+  colorScheme,
+  blur
+}) {
+  let resolvedColorScheme = colorScheme;
+  let resolvedBlur = blur;
+
+  // Map variant → colorScheme (Button, Badge)
+  if (!resolvedColorScheme && variant) {
+    const variantMap = {
+      primary: 'info',
+      secondary: 'default',
+      ghost: 'default',
+      destructive: 'error',
+      outline: 'default'
+    };
+    resolvedColorScheme = variantMap[variant] || variant;
+  }
+
+  // Map type → colorScheme (Alert)
+  if (!resolvedColorScheme && type) {
+    resolvedColorScheme = type; // success, error, warning, info map 1:1
+  }
+
+  // Map tint → colorScheme (FluentGlass atom)
+  if (!resolvedColorScheme && tint) {
+    const tintMap = {
+      dark: 'dark',
+      deep: 'deep',
+      light: 'light',
+      default: 'default'
+    };
+    resolvedColorScheme = tintMap[tint] || 'default';
+  }
+
+  // Map intensity → blur
+  if (!resolvedBlur && intensity !== undefined) {
+    if (intensity === 0) resolvedBlur = 'none';else if (intensity <= 10) resolvedBlur = 'subtle';else if (intensity <= 20) resolvedBlur = 'medium';else if (intensity <= 40) resolvedBlur = 'strong';else resolvedBlur = 'max';
+  }
+
+  // Ghost variant also implies no blur
+  if (variant === 'ghost' && !resolvedBlur) {
+    resolvedBlur = 'none';
+  }
+  return {
+    colorScheme: resolvedColorScheme,
+    blur: resolvedBlur
+  };
+}
+//# sourceMappingURL=resolvers.js.map

package/lib/commonjs/theme/resolvers.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveSize","theme","size","sizes","md","resolveColorScheme","colorScheme","colorSchemes","default","resolveBlur","blur","blurs","medium","resolveRadius","radius","radii","resolveBackwardCompat","variant","type","tint","intensity","resolvedColorScheme","resolvedBlur","variantMap","primary","secondary","ghost","destructive","outline","tintMap","dark","deep","light","undefined"],"sourceRoot":"..\\..\\..\\src","sources":["theme/resolvers.ts"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACO,SAASA,WAAWA,CAACC,KAAuB,EAAEC,IAA8B,GAAG,IAAI,EAAc;EACpG,OAAOD,KAAK,CAACE,KAAK,CAACD,IAAI,CAAC,IAAID,KAAK,CAACE,KAAK,CAACC,EAAE;AAC9C;;AAEA;AACA;AACA;AACO,SAASC,kBAAkBA,CAACJ,KAAuB,EAAEK,WAA4C,GAAG,SAAS,EAAqB;EACrI,OAAOL,KAAK,CAACM,YAAY,CAACD,WAAW,CAAC,IAAIL,KAAK,CAACM,YAAY,CAACC,OAAO;AACxE;;AAEA;AACA;AACA;AACO,SAASC,WAAWA,CAACR,KAAuB,EAAES,IAA8B,GAAG,QAAQ,EAAc;EACxG,OAAOT,KAAK,CAACU,KAAK,CAACD,IAAI,CAAC,IAAIT,KAAK,CAACU,KAAK,CAACC,MAAM;AAClD;;AAEA;AACA;AACA;AACO,SAASC,aAAaA,CAACZ,KAAuB,EAAEa,MAAkC,GAAG,IAAI,EAAU;EACtG,OAAOb,KAAK,CAACc,KAAK,CAACD,MAAM,CAAW,IAAIb,KAAK,CAACc,KAAK,CAACX,EAAE;AAC1D;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASY,qBAAqBA,CAAC;EAAEC,OAAO;EAAEC,IAAI;EAAEC,IAAI;EAAEC,SAAS;EAAEd,WAAW;EAAEI;AAOrF,CAAC,EAA4G;EACzG,IAAIW,mBAAmB,GAAGf,WAAW;EACrC,IAAIgB,YAAY,GAAGZ,IAAI;;EAEvB;EACA,IAAI,CAACW,mBAAmB,IAAIJ,OAAO,EAAE;IACjC,MAAMM,UAAkD,GAAG;MACvDC,OAAO,EAAE,MAAM;MACfC,SAAS,EAAE,SAAS;MACpBC,KAAK,EAAE,SAAS;MAChBC,WAAW,EAAE,OAAO;MACpBC,OAAO,EAAE;IACb,CAAC;IACDP,mBAAmB,GAAGE,UAAU,CAACN,OAAO,CAAC,IAAIA,OAAO;EACxD;;EAEA;EACA,IAAI,CAACI,mBAAmB,IAAIH,IAAI,EAAE;IAC9BG,mBAAmB,GAAGH,IAAI,CAAC,CAAC;EAChC;;EAEA;EACA,IAAI,CAACG,mBAAmB,IAAIF,IAAI,EAAE;IAC9B,MAAMU,OAA+C,GAAG;MACpDC,IAAI,EAAE,MAAM;MACZC,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE,OAAO;MACdxB,OAAO,EAAE;IACb,CAAC;IACDa,mBAAmB,GAAGQ,OAAO,CAACV,IAAI,CAAC,IAAI,SAAS;EACpD;;EAEA;EACA,IAAI,CAACG,YAAY,IAAIF,SAAS,KAAKa,SAAS,EAAE;IAC1C,IAAIb,SAAS,KAAK,CAAC,EAAEE,YAAY,GAAG,MAAM,CAAC,KACtC,IAAIF,SAAS,IAAI,EAAE,EAAEE,YAAY,GAAG,QAAQ,CAAC,KAC7C,IAAIF,SAAS,IAAI,EAAE,EAAEE,YAAY,GAAG,QAAQ,CAAC,KAC7C,IAAIF,SAAS,IAAI,EAAE,EAAEE,YAAY,GAAG,QAAQ,CAAC,KAC7CA,YAAY,GAAG,KAAK;EAC7B;;EAEA;EACA,IAAIL,OAAO,KAAK,OAAO,IAAI,CAACK,YAAY,EAAE;IACtCA,YAAY,GAAG,MAAM;EACzB;EAEA,OAAO;IACHhB,WAAW,EAAEe,mBAAmB;IAChCX,IAAI,EAAEY;EACV,CAAC;AACL","ignoreList":[]}

package/lib/commonjs/theme/tokens.js

@@ -0,0 +1,239 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIZE_SCALE = exports.SIZE_PRESETS = exports.RADIUS_PRESETS = exports.COLOR_SCHEMES = exports.BLUR_PRESETS = exports.ANIMATION_PRESETS = void 0;
+/**
+ * FluentGlass Design Tokens
+ *
+ * Centralized definition of all design tokens:
+ * - Size scales (xs → xl)
+ * - Color schemes (default, dark, deep, light, success, error, warning, info)
+ * - Blur intensities (none → max)
+ * - Border radius presets (none → pill)
+ */
+
+// ─── SIZE TOKENS ────────────────────────────────────────────
+
+const SIZE_SCALE = exports.SIZE_SCALE = {
+  xs: 0.7,
+  sm: 0.85,
+  md: 1,
+  lg: 1.2,
+  xl: 1.5
+};
+
+/**
+ * Resolved size values for common properties.
+ * Each size key maps to concrete padding, fontSize, minHeight, borderRadius, and iconSize.
+ */
+const SIZE_PRESETS = exports.SIZE_PRESETS = {
+  xs: {
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    fontSize: 11,
+    minHeight: 28,
+    borderRadius: 6,
+    iconSize: 12,
+    gap: 4
+  },
+  sm: {
+    paddingHorizontal: 12,
+    paddingVertical: 6,
+    fontSize: 13,
+    minHeight: 34,
+    borderRadius: 10,
+    iconSize: 14,
+    gap: 6
+  },
+  md: {
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    fontSize: 15,
+    minHeight: 42,
+    borderRadius: 12,
+    iconSize: 16,
+    gap: 8
+  },
+  lg: {
+    paddingHorizontal: 20,
+    paddingVertical: 14,
+    fontSize: 17,
+    minHeight: 50,
+    borderRadius: 14,
+    iconSize: 20,
+    gap: 10
+  },
+  xl: {
+    paddingHorizontal: 24,
+    paddingVertical: 18,
+    fontSize: 20,
+    minHeight: 58,
+    borderRadius: 16,
+    iconSize: 24,
+    gap: 12
+  }
+};
+
+// ─── COLOR SCHEME TOKENS ────────────────────────────────────
+
+/**
+ * Color scheme definitions.
+ * Each scheme defines: solid (hex), bg (low-alpha tint), border (medium-alpha), text
+ * Glass tints (default, dark, deep, light) use rgba backgrounds.
+ * Semantic colors (success, error, warning, info) use accent-tinted glass.
+ */
+const COLOR_SCHEMES = exports.COLOR_SCHEMES = {
+  // Glass Structure tints
+  default: {
+    solid: 'rgba(15, 23, 42, 0.5)',
+    bg: 'rgba(15, 23, 42, 0.5)',
+    border: 'rgba(148, 163, 184, 0.2)',
+    text: '#F8FAFC',
+    tint: 'dark' // BlurView tint
+  },
+  dark: {
+    solid: 'rgba(15, 23, 42, 0.7)',
+    bg: 'rgba(15, 23, 42, 0.7)',
+    border: 'rgba(148, 163, 184, 0.2)',
+    text: '#F8FAFC',
+    tint: 'dark'
+  },
+  deep: {
+    solid: 'rgba(2, 6, 23, 0.85)',
+    bg: 'rgba(2, 6, 23, 0.85)',
+    border: 'rgba(148, 163, 184, 0.15)',
+    text: '#F8FAFC',
+    tint: 'dark'
+  },
+  light: {
+    solid: 'rgba(255, 255, 255, 0.04)',
+    bg: 'rgba(255, 255, 255, 0.04)',
+    border: 'rgba(255, 255, 255, 0.1)',
+    text: '#F8FAFC',
+    tint: 'light'
+  },
+  // Semantic colors (from Alert component)
+  success: {
+    solid: '#10B981',
+    bg: 'rgba(16, 185, 129, 0.25)',
+    border: 'rgba(16, 185, 129, 0.4)',
+    text: '#10B981',
+    tint: 'default'
+  },
+  error: {
+    solid: '#EF4444',
+    bg: 'rgba(239, 68, 68, 0.25)',
+    border: 'rgba(239, 68, 68, 0.4)',
+    text: '#EF4444',
+    tint: 'default'
+  },
+  warning: {
+    solid: '#F59E0B',
+    bg: 'rgba(245, 158, 11, 0.25)',
+    border: 'rgba(245, 158, 11, 0.4)',
+    text: '#F59E0B',
+    tint: 'default'
+  },
+  info: {
+    solid: '#06B6D4',
+    bg: 'rgba(6, 182, 212, 0.25)',
+    border: 'rgba(6, 182, 212, 0.4)',
+    text: '#06B6D4',
+    tint: 'default'
+  },
+  purple: {
+    solid: '#8B5CF6',
+    bg: 'rgba(139, 92, 246, 0.25)',
+    border: 'rgba(139, 92, 246, 0.4)',
+    text: '#8B5CF6',
+    tint: 'default'
+  },
+  blue: {
+    solid: '#3B82F6',
+    bg: 'rgba(59, 130, 246, 0.25)',
+    border: 'rgba(59, 130, 246, 0.4)',
+    text: '#3B82F6',
+    tint: 'default'
+  },
+  pink: {
+    solid: '#EC4899',
+    bg: 'rgba(236, 72, 153, 0.25)',
+    border: 'rgba(236, 72, 153, 0.4)',
+    text: '#EC4899',
+    tint: 'default'
+  }
+};
+
+// ─── BLUR TOKENS ────────────────────────────────────────────
+
+const BLUR_PRESETS = exports.BLUR_PRESETS = {
+  none: {
+    intensity: 0,
+    tintAlpha: 0
+  },
+  subtle: {
+    intensity: 10,
+    tintAlpha: 0.3
+  },
+  medium: {
+    intensity: 20,
+    tintAlpha: 0.5
+  },
+  strong: {
+    intensity: 40,
+    tintAlpha: 0.7
+  },
+  max: {
+    intensity: 60,
+    tintAlpha: 0.85
+  }
+};
+
+// ─── RADIUS TOKENS ──────────────────────────────────────────
+
+const RADIUS_PRESETS = exports.RADIUS_PRESETS = {
+  none: 0,
+  sm: 6,
+  md: 12,
+  lg: 16,
+  pill: 9999
+};
+
+// ─── ANIMATION TOKENS ──────────────────────────────────────
+
+const ANIMATION_PRESETS = exports.ANIMATION_PRESETS = {
+  spring: {
+    gentle: {
+      mass: 0.8,
+      damping: 14,
+      stiffness: 100,
+      overshootClamping: false
+    },
+    default: {
+      mass: 0.6,
+      damping: 16,
+      stiffness: 140,
+      overshootClamping: false
+    },
+    snappy: {
+      mass: 0.4,
+      damping: 18,
+      stiffness: 200,
+      overshootClamping: false
+    },
+    bouncy: {
+      mass: 0.5,
+      damping: 15,
+      stiffness: 160,
+      overshootClamping: false
+    }
+  },
+  crossfade: {
+    fadeOutDuration: 120,
+    fadeInDuration: 200,
+    translateY: 6
+  }
+};
+//# sourceMappingURL=tokens.js.map

package/lib/commonjs/theme/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SIZE_SCALE","exports","xs","sm","md","lg","xl","SIZE_PRESETS","paddingHorizontal","paddingVertical","fontSize","minHeight","borderRadius","iconSize","gap","COLOR_SCHEMES","default","solid","bg","border","text","tint","dark","deep","light","success","error","warning","info","purple","blue","pink","BLUR_PRESETS","none","intensity","tintAlpha","subtle","medium","strong","max","RADIUS_PRESETS","pill","ANIMATION_PRESETS","spring","gentle","mass","damping","stiffness","overshootClamping","snappy","bouncy","crossfade","fadeOutDuration","fadeInDuration","translateY"],"sourceRoot":"..\\..\\..\\src","sources":["theme/tokens.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/typography.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WEIGHT_TO_FAMILY = exports.FONT_FAMILIES = void 0;
+exports.getFontFamily = getFontFamily;
+/**
+ * FluentGlass Typography Tokens
+ *
+ * Font family definitions for Inter typeface.
+ * In React Native, each font weight requires its own font file,
+ * so we map numeric weights to specific font family names.
+ */
+
+const FONT_FAMILIES = exports.FONT_FAMILIES = {
+  regular: 'Inter-Regular',
+  medium: 'Inter-Medium',
+  semiBold: 'Inter-SemiBold',
+  bold: 'Inter-Bold',
+  extraBold: 'Inter-ExtraBold',
+  black: 'Inter-Black',
+  mono: 'monospace'
+};
+
+/**
+ * Maps numeric fontWeight values to their corresponding Inter fontFamily.
+ * Usage: { fontFamily: WEIGHT_TO_FAMILY['700'] } instead of { fontWeight: '700' }
+ */
+const WEIGHT_TO_FAMILY = exports.WEIGHT_TO_FAMILY = {
+  '300': 'Inter-Regular',
+  // Light → fallback to Regular
+  '400': 'Inter-Regular',
+  'normal': 'Inter-Regular',
+  '500': 'Inter-Medium',
+  '600': 'Inter-SemiBold',
+  '700': 'Inter-Bold',
+  'bold': 'Inter-Bold',
+  '800': 'Inter-ExtraBold',
+  '900': 'Inter-Black'
+};
+
+/**
+ * Helper: given a fontWeight (string or number), returns the correct fontFamily.
+ * Falls back to Inter-Regular if weight is not mapped.
+ */
+function getFontFamily(weight = '400') {
+  return WEIGHT_TO_FAMILY[String(weight)] || FONT_FAMILIES.regular;
+}
+//# sourceMappingURL=typography.js.map

package/lib/commonjs/theme/typography.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FONT_FAMILIES","exports","regular","medium","semiBold","bold","extraBold","black","mono","WEIGHT_TO_FAMILY","getFontFamily","weight","String"],"sourceRoot":"..\\..\\..\\src","sources":["theme/typography.ts"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACzBE,OAAO,EAAE,eAAe;EACxBC,MAAM,EAAE,cAAc;EACtBC,QAAQ,EAAE,gBAAgB;EAC1BC,IAAI,EAAE,YAAY;EAClBC,SAAS,EAAE,iBAAiB;EAC5BC,KAAK,EAAE,aAAa;EACpBC,IAAI,EAAE;AACV,CAAC;;AAED;AACA;AACA;AACA;AACO,MAAMC,gBAAwC,GAAAR,OAAA,CAAAQ,gBAAA,GAAG;EACpD,KAAK,EAAE,eAAe;EAAI;EAC1B,KAAK,EAAE,eAAe;EACtB,QAAQ,EAAE,eAAe;EACzB,KAAK,EAAE,cAAc;EACrB,KAAK,EAAE,gBAAgB;EACvB,KAAK,EAAE,YAAY;EACnB,MAAM,EAAE,YAAY;EACpB,KAAK,EAAE,iBAAiB;EACxB,KAAK,EAAE;AACX,CAAC;;AAED;AACA;AACA;AACA;AACO,SAASC,aAAaA,CAACC,MAAM,GAAG,KAAK,EAAE;EAC1C,OAAOF,gBAAgB,CAACG,MAAM,CAACD,MAAM,CAAC,CAAC,IAAIX,aAAa,CAACE,OAAO;AACpE","ignoreList":[]}

package/lib/commonjs/theme/useTheme.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useTheme;
+var _react = require("react");
+var _FluentGlassProvider = require("./FluentGlassProvider");
+/**
+ * useTheme — Hook to access the current FluentGlass theme.
+ *
+ * Usage:
+ *   const theme = useTheme();
+ *   const { colors, colorSchemes, sizes, blurs, radii, defaults } = theme;
+ *
+ * Works with or without FluentGlassProvider (falls back to defaultTheme).
+ */
+
+function useTheme() {
+  return (0, _react.useContext)(_FluentGlassProvider.ThemeContext);
+}
+//# sourceMappingURL=useTheme.js.map

package/lib/commonjs/theme/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_FluentGlassProvider","useTheme","useContext","ThemeContext"],"sourceRoot":"..\\..\\..\\src","sources":["theme/useTheme.ts"],"mappings":";;;;;;AAUA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMe,SAASE,QAAQA,CAAA,EAAqB;EACjD,OAAO,IAAAC,iBAAU,EAACC,iCAAY,CAAC;AACnC","ignoreList":[]}

package/lib/commonjs/types/components.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=components.js.map

package/lib/commonjs/types/components.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["types/components.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/types/theme.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=theme.js.map

package/lib/commonjs/types/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"..\\..\\..\\src","sources":["types/theme.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/utils/colors.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.COLORS = void 0;
+// FluentGlass — Default Color Palette (Deep Liquid Dark)
+// These are the default colors used when no FluentGlassProvider is present.
+// They will be replaced by the theme system in Phase 3.
+
+const COLORS = exports.COLORS = {
+  // Fondo principal: Deepest Navy
+  background: '#020617',
+  // Fondo de tarjetas: Slate Glass
+  card: 'rgba(30, 41, 59, 0.7)',
+  // Fondo de inputs: Carved Dark
+  inputBg: 'rgba(15, 23, 42, 0.6)',
+  // Bordes: Slate Ridge
+  border: 'rgba(148, 163, 184, 0.2)',
+  // Texto principal: Slate White
+  textPrimary: '#F8FAFC',
+  // Texto secundario: Slate Grey
+  textSecondary: '#94A3B8',
+  // Texto sobre inputs
+  textInput: '#FFFFFF',
+  // Acentos: Cyan & Blue
+  accent: '#06B6D4',
+  // Cyan Glow
+  secondary: '#3B82F6',
+  // Blue Depth
+
+  // Estados (colorScheme colors)
+  positive: '#10B981',
+  // Emerald (success)
+  negative: '#EF4444',
+  // Red (error)
+  warning: '#F59E0B',
+  // Amber (warning)
+
+  // Colores semánticos adicionales
+  purple: '#8B5CF6',
+  // Purple
+  pink: '#EC4899',
+  // Pink
+
+  // Utilidad para transparencia
+  glass: 'rgba(30, 41, 59, 0.7)',
+  // Dark Glass
+  glassText: 'rgba(255, 255, 255, 0.8)',
+  transparent: 'transparent',
+  // Legacy / Compatibilidad
+  white: '#FFFFFF',
+  black: '#000000',
+  // Overlay & Shadow
+  overlay: 'rgba(0, 0, 0, 0.6)',
+  shadow: '#000000',
+  borderSubtle: 'rgba(148, 163, 184, 0.12)'
+};
+//# sourceMappingURL=colors.js.map

package/lib/commonjs/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["COLORS","exports","background","card","inputBg","border","textPrimary","textSecondary","textInput","accent","secondary","positive","negative","warning","purple","pink","glass","glassText","transparent","white","black","overlay","shadow","borderSubtle"],"sourceRoot":"..\\..\\..\\src","sources":["utils/colors.ts"],"mappings":";;;;;;AAAA;AACA;AACA;;AAIO,MAAMA,MAA4C,GAAAC,OAAA,CAAAD,MAAA,GAAG;EACxD;EACAE,UAAU,EAAE,SAAS;EAErB;EACAC,IAAI,EAAE,uBAAuB;EAE7B;EACAC,OAAO,EAAE,uBAAuB;EAEhC;EACAC,MAAM,EAAE,0BAA0B;EAElC;EACAC,WAAW,EAAE,SAAS;EAEtB;EACAC,aAAa,EAAE,SAAS;EAExB;EACAC,SAAS,EAAE,SAAS;EAEpB;EACAC,MAAM,EAAE,SAAS;EAAE;EACnBC,SAAS,EAAE,SAAS;EAAE;;EAEtB;EACAC,QAAQ,EAAE,SAAS;EAAE;EACrBC,QAAQ,EAAE,SAAS;EAAE;EACrBC,OAAO,EAAE,SAAS;EAAE;;EAEpB;EACAC,MAAM,EAAE,SAAS;EAAE;EACnBC,IAAI,EAAE,SAAS;EAAI;;EAEnB;EACAC,KAAK,EAAE,uBAAuB;EAAE;EAChCC,SAAS,EAAE,0BAA0B;EACrCC,WAAW,EAAE,aAAa;EAE1B;EACAC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAEhB;EACAC,OAAO,EAAE,oBAAoB;EAC7BC,MAAM,EAAE,SAAS;EACjBC,YAAY,EAAE;AAClB,CAAC","ignoreList":[]}

package/lib/commonjs/utils/responsive.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SPACING = void 0;
+exports.hp = hp;
+exports.isTablet = exports.isSmallDevice = exports.isLargeTablet = exports.isCompactDevice = void 0;
+exports.moderateScale = moderateScale;
+exports.responsiveFontSize = responsiveFontSize;
+exports.scale = scale;
+exports.verticalScale = verticalScale;
+exports.wp = wp;
+var _reactNative = require("react-native");
+/**
+ * responsive.js — Utilidades para diseño responsive mobile-first
+ *
+ * Referencia base: iPhone 14 (375pt de ancho, 812pt de alto)
+ * Todas las funciones escalan relativo a esta referencia.
+ */
+
+const {
+  width: SCREEN_WIDTH,
+  height: SCREEN_HEIGHT
+} = _reactNative.Dimensions.get('window');
+
+// ── Reference dimensions ──
+const BASE_WIDTH = 375;
+const BASE_HEIGHT = 812;
+
+// Cap the effective width to prevent blowup on web/desktop/tablets.
+// Max reference: iPhone 15 Pro Max = 430pt
+const MAX_MOBILE_WIDTH = 430;
+const EFFECTIVE_WIDTH = Math.min(SCREEN_WIDTH, MAX_MOBILE_WIDTH);
+
+/**
+ * Escala un valor linealmente según el ancho de la pantalla.
+ * Útil para anchos, márgenes horizontales, paddings.
+ *
+ * @param {number} size - Valor en puntos diseñado para 375pt
+ * @returns {number} Valor escalado para la pantalla actual
+ */
+function scale(size) {
+  return EFFECTIVE_WIDTH / BASE_WIDTH * size;
+}
+
+/**
+ * Escala un valor linealmente según la altura de la pantalla.
+ * Útil para alturas, márgenes verticales.
+ *
+ * @param {number} size - Valor en puntos diseñado para 812pt
+ * @returns {number} Valor escalado
+ */
+function verticalScale(size) {
+  return SCREEN_HEIGHT / BASE_HEIGHT * size;
+}
+
+/**
+ * Escalado moderado: aplica solo un porcentaje de la diferencia.
+ * Ideal para fontSize — evita que textos crezcan demasiado en tablets.
+ *
+ * @param {number} size - Tamaño base en puntos
+ * @param {number} factor - Factor de escalado (0 = sin escalar, 1 = escala completa). Default: 0.5
+ * @returns {number} Valor moderadamente escalado
+ */
+function moderateScale(size, factor = 0.5) {
+  return size + (scale(size) - size) * factor;
+}
+
+/**
+ * Porcentaje del ancho de pantalla.
+ * @param {number} percentage - Porcentaje deseado (0-100)
+ * @returns {number} Valor en puntos
+ */
+function wp(percentage) {
+  return _reactNative.PixelRatio.roundToNearestPixel(SCREEN_WIDTH * percentage / 100);
+}
+
+/**
+ * Porcentaje de la altura de pantalla.
+ * @param {number} percentage - Porcentaje deseado (0-100)
+ * @returns {number} Valor en puntos
+ */
+function hp(percentage) {
+  return _reactNative.PixelRatio.roundToNearestPixel(SCREEN_HEIGHT * percentage / 100);
+}
+
+// ── Device flags ──
+
+/** Pantalla menor a 360pt de ancho (e.g. iPhone SE, Galaxy S) */
+const isSmallDevice = exports.isSmallDevice = SCREEN_WIDTH < 360;
+
+/** Pantalla menor a 375pt (incluye iPhone SE 3rd gen) */
+const isCompactDevice = exports.isCompactDevice = SCREEN_WIDTH < 375;
+
+/** Pantalla mayor a 600pt de ancho (tablets) */
+const isTablet = exports.isTablet = SCREEN_WIDTH >= 600;
+
+/** Pantalla mayor a 1024pt (tablets iPad, landscape) */
+const isLargeTablet = exports.isLargeTablet = SCREEN_WIDTH >= 1024;
+
+// ── Responsive font size ──
+
+/**
+ * Calcula un fontSize que respeta PixelRatio para densidad de pantalla.
+ * Usa moderateScale con factor 0.25 para evitar crecimiento excesivo.
+ *
+ * @param {number} size - Tamaño de fuente base
+ * @returns {number} Tamaño ajustado
+ */
+function responsiveFontSize(size) {
+  const scaledSize = moderateScale(size, 0.25);
+  return Math.round(_reactNative.PixelRatio.roundToNearestPixel(scaledSize));
+}
+
+// ── Spacing scale ──
+
+const SPACING = exports.SPACING = {
+  xs: scale(4),
+  sm: scale(8),
+  md: scale(12),
+  lg: scale(16),
+  xl: scale(24),
+  xxl: scale(32)
+};
+//# sourceMappingURL=responsive.js.map

package/lib/commonjs/utils/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","width","SCREEN_WIDTH","height","SCREEN_HEIGHT","Dimensions","get","BASE_WIDTH","BASE_HEIGHT","MAX_MOBILE_WIDTH","EFFECTIVE_WIDTH","Math","min","scale","size","verticalScale","moderateScale","factor","wp","percentage","PixelRatio","roundToNearestPixel","hp","isSmallDevice","exports","isCompactDevice","isTablet","isLargeTablet","responsiveFontSize","scaledSize","round","SPACING","xs","sm","md","lg","xl","xxl"],"sourceRoot":"..\\..\\..\\src","sources":["utils/responsive.ts"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAM;EAAEC,KAAK,EAAEC,YAAY;EAAEC,MAAM,EAAEC;AAAc,CAAC,GAAGC,uBAAU,CAACC,GAAG,CAAC,QAAQ,CAAC;;AAE/E;AACA,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,WAAW,GAAG,GAAG;;AAEvB;AACA;AACA,MAAMC,gBAAgB,GAAG,GAAG;AAC5B,MAAMC,eAAe,GAAGC,IAAI,CAACC,GAAG,CAACV,YAAY,EAAEO,gBAAgB,CAAC;;AAEhE;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,KAAKA,CAACC,IAAY,EAAE;EAChC,OAAQJ,eAAe,GAAGH,UAAU,GAAIO,IAAI;AAChD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,aAAaA,CAACD,IAAY,EAAE;EACxC,OAAQV,aAAa,GAAGI,WAAW,GAAIM,IAAI;AAC/C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,aAAaA,CAACF,IAAY,EAAEG,MAAM,GAAG,GAAG,EAAE;EACtD,OAAOH,IAAI,GAAG,CAACD,KAAK,CAACC,IAAI,CAAC,GAAGA,IAAI,IAAIG,MAAM;AAC/C;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASC,EAAEA,CAACC,UAAkB,EAAE;EACnC,OAAOC,uBAAU,CAACC,mBAAmB,CAAEnB,YAAY,GAAGiB,UAAU,GAAI,GAAG,CAAC;AAC5E;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASG,EAAEA,CAACH,UAAkB,EAAE;EACnC,OAAOC,uBAAU,CAACC,mBAAmB,CAAEjB,aAAa,GAAGe,UAAU,GAAI,GAAG,CAAC;AAC7E;;AAEA;;AAEA;AACO,MAAMI,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGrB,YAAY,GAAG,GAAG;;AAE/C;AACO,MAAMuB,eAAe,GAAAD,OAAA,CAAAC,eAAA,GAAGvB,YAAY,GAAG,GAAG;;AAEjD;AACO,MAAMwB,QAAQ,GAAAF,OAAA,CAAAE,QAAA,GAAGxB,YAAY,IAAI,GAAG;;AAE3C;AACO,MAAMyB,aAAa,GAAAH,OAAA,CAAAG,aAAA,GAAGzB,YAAY,IAAI,IAAI;;AAEjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAAS0B,kBAAkBA,CAACd,IAAY,EAAE;EAC7C,MAAMe,UAAU,GAAGb,aAAa,CAACF,IAAI,EAAE,IAAI,CAAC;EAC5C,OAAOH,IAAI,CAACmB,KAAK,CAACV,uBAAU,CAACC,mBAAmB,CAACQ,UAAU,CAAC,CAAC;AACjE;;AAEA;;AAEO,MAAME,OAAO,GAAAP,OAAA,CAAAO,OAAA,GAAG;EACnBC,EAAE,EAAEnB,KAAK,CAAC,CAAC,CAAC;EACZoB,EAAE,EAAEpB,KAAK,CAAC,CAAC,CAAC;EACZqB,EAAE,EAAErB,KAAK,CAAC,EAAE,CAAC;EACbsB,EAAE,EAAEtB,KAAK,CAAC,EAAE,CAAC;EACbuB,EAAE,EAAEvB,KAAK,CAAC,EAAE,CAAC;EACbwB,GAAG,EAAExB,KAAK,CAAC,EAAE;AACjB,CAAC","ignoreList":[]}