orn-ui 0.1.1 → 0.2.0

package/lib/commonjs/theme/colors.js

@@ -0,0 +1,207 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AA_CONTRAST = void 0;
+exports.contrast = contrast;
+exports.deriveAccent = deriveAccent;
+exports.hexToRgb = hexToRgb;
+exports.hslToRgb = hslToRgb;
+exports.luminance = luminance;
+exports.rgbToHex = rgbToHex;
+exports.rgbToHsl = rgbToHsl;
+exports.toHex = toHex;
+exports.toHsl = toHsl;
+/**
+ * Utilidades de color sin dependencias, usadas para derivar una familia de
+ * roles (relleno / encima / tenue / legible) a partir de un solo hex de marca.
+ */
+
+/** Contraste mínimo AA para texto normal. */
+const AA_CONTRAST = exports.AA_CONTRAST = 4.5;
+
+/** Roles que necesita un acento del theme, en un esquema concreto. */
+
+const HEX = /^#?([0-9a-f]{3}|[0-9a-f]{6})$/i;
+function hexToRgb(hex) {
+  const match = HEX.exec(hex.trim());
+  if (!match) {
+    throw new Error(`orn-ui: se esperaba un color hex como "#7c3aed", se recibió "${hex}".`);
+  }
+  const digits = match[1];
+  const full = digits.length === 3 ? digits.replace(/./g, c => c + c) : digits;
+  return {
+    r: parseInt(full.slice(0, 2), 16),
+    g: parseInt(full.slice(2, 4), 16),
+    b: parseInt(full.slice(4, 6), 16)
+  };
+}
+const toHexPair = value => Math.round(clamp(value, 0, 255)).toString(16).padStart(2, '0');
+function rgbToHex({
+  r,
+  g,
+  b
+}) {
+  return `#${toHexPair(r)}${toHexPair(g)}${toHexPair(b)}`;
+}
+function clamp(value, min, max) {
+  return Math.min(max, Math.max(min, value));
+}
+function rgbToHsl({
+  r,
+  g,
+  b
+}) {
+  const rn = r / 255;
+  const gn = g / 255;
+  const bn = b / 255;
+  const max = Math.max(rn, gn, bn);
+  const min = Math.min(rn, gn, bn);
+  const delta = max - min;
+  const l = (max + min) / 2;
+  if (delta === 0) return {
+    h: 0,
+    s: 0,
+    l
+  };
+  const s = delta / (1 - Math.abs(2 * l - 1));
+  let h;
+  if (max === rn) h = (gn - bn) / delta % 6;else if (max === gn) h = (bn - rn) / delta + 2;else h = (rn - gn) / delta + 4;
+  h *= 60;
+  return {
+    h: h < 0 ? h + 360 : h,
+    s,
+    l
+  };
+}
+function hslToRgb({
+  h,
+  s,
+  l
+}) {
+  const c = (1 - Math.abs(2 * l - 1)) * s;
+  const hp = (h % 360 + 360) % 360 / 60;
+  const x = c * (1 - Math.abs(hp % 2 - 1));
+  const [r1, g1, b1] = hp < 1 ? [c, x, 0] : hp < 2 ? [x, c, 0] : hp < 3 ? [0, c, x] : hp < 4 ? [0, x, c] : hp < 5 ? [x, 0, c] : [c, 0, x];
+  const m = l - c / 2;
+  return {
+    r: (r1 + m) * 255,
+    g: (g1 + m) * 255,
+    b: (b1 + m) * 255
+  };
+}
+function toHsl(hex) {
+  return rgbToHsl(hexToRgb(hex));
+}
+function toHex(hsl) {
+  return rgbToHex(hslToRgb({
+    ...hsl,
+    s: clamp(hsl.s, 0, 1),
+    l: clamp(hsl.l, 0, 1)
+  }));
+}
+function channelLuminance(value) {
+  const c = value / 255;
+  return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+}
+
+/** Luminancia relativa WCAG de un hex. */
+function luminance(hex) {
+  const {
+    r,
+    g,
+    b
+  } = hexToRgb(hex);
+  return 0.2126 * channelLuminance(r) + 0.7152 * channelLuminance(g) + 0.0722 * channelLuminance(b);
+}
+
+/** Ratio de contraste WCAG entre dos hex: 1 (igual) a 21 (blanco sobre negro). */
+function contrast(a, b) {
+  const la = luminance(a);
+  const lb = luminance(b);
+  return (Math.max(la, lb) + 0.05) / (Math.min(la, lb) + 0.05);
+}
+
+/**
+ * Blanco si alcanza el contraste AA —es lo que se espera encima de un relleno
+ * de color— y si no, el extremo que más contraste dé.
+ */
+function bestOnColor(background, light, dark) {
+  if (contrast(background, light) >= AA_CONTRAST) return light;
+  return contrast(background, dark) >= contrast(background, light) ? dark : light;
+}
+
+/**
+ * Mueve la luminosidad del tono hasta alcanzar el contraste pedido contra
+ * `against`. Si ni el extremo llega —un amarillo puro sobre blanco, por
+ * ejemplo— devuelve el más contrastado que encontró en el camino.
+ */
+function reachContrast(hsl, against, target, direction) {
+  const step = direction === 'darker' ? -0.02 : 0.02;
+  let best = toHex(hsl);
+  let bestRatio = contrast(best, against);
+  for (let l = hsl.l; l >= 0 && l <= 1; l += step) {
+    const candidate = toHex({
+      ...hsl,
+      l
+    });
+    const ratio = contrast(candidate, against);
+    if (ratio > bestRatio) {
+      best = candidate;
+      bestRatio = ratio;
+    }
+    if (ratio >= target) return candidate;
+  }
+  return best;
+}
+
+/**
+ * Deriva los cuatro roles de un acento a partir de un hex, para un esquema.
+ * `surface` es el fondo sobre el que tiene que leerse el rol `text`, así que
+ * cada esquema pasa el suyo.
+ */
+function deriveAccent(hex, scheme, surface) {
+  const hsl = toHsl(hex);
+  if (scheme === 'light') {
+    const base = toHex(hsl);
+    return {
+      base,
+      on: bestOnColor(base, '#ffffff', '#1a1a1a'),
+      soft: toHex({
+        h: hsl.h,
+        s: Math.min(hsl.s, 0.85),
+        l: 0.94
+      }),
+      text: reachContrast({
+        ...hsl,
+        l: Math.min(hsl.l, 0.38)
+      }, surface, AA_CONTRAST, 'darker')
+    };
+  }
+
+  // En oscuro el acento sube de luminosidad y lo que va encima baja: un
+  // #004cef sobre #1e1e1e no se distingue del fondo.
+  const base = toHex({
+    ...hsl,
+    l: 0.72
+  });
+  return {
+    base,
+    on: bestOnColor(base, '#ffffff', toHex({
+      ...hsl,
+      s: Math.min(hsl.s, 0.9),
+      l: 0.16
+    })),
+    soft: toHex({
+      h: hsl.h,
+      s: Math.min(hsl.s, 0.35),
+      l: 0.18
+    }),
+    text: reachContrast({
+      ...hsl,
+      l: Math.max(hsl.l, 0.74)
+    }, surface, AA_CONTRAST, 'lighter')
+  };
+}
+//# sourceMappingURL=colors.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AA_CONTRAST","exports","HEX","hexToRgb","hex","match","exec","trim","Error","digits","full","length","replace","c","r","parseInt","slice","g","b","toHexPair","value","Math","round","clamp","toString","padStart","rgbToHex","min","max","rgbToHsl","rn","gn","bn","delta","l","h","s","abs","hslToRgb","hp","x","r1","g1","b1","m","toHsl","toHex","hsl","channelLuminance","luminance","contrast","a","la","lb","bestOnColor","background","light","dark","reachContrast","against","target","direction","step","best","bestRatio","candidate","ratio","deriveAccent","scheme","surface","base","on","soft","text"],"sourceRoot":"../../../src","sources":["theme/colors.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/createTheme.js

@@ -7,6 +7,7 @@ exports.createTheme = createTheme;
 exports.defaultTheme = void 0;
 var _palettes = require("./palettes");
 var _tokens = require("./tokens");
+var _colors = require("./colors");
 function mergeDeep(base, patch) {
   if (!patch) return base;
   const out = {
@@ -23,21 +24,43 @@ function mergeDeep(base, patch) {
   }
   return out;
 }
+const capitalize = name => name.charAt(0).toUpperCase() + name.slice(1);
+
+/** Expande cada hex de `brand` a los cuatro roles del acento en un esquema. */
+function brandColors(brand, scheme, palette) {
+  if (!brand) return {};
+  const accents = typeof brand === 'string' ? {
+    primary: brand
+  } : brand;
+  const out = {};
+  for (const [name, hex] of Object.entries(accents)) {
+    if (!hex) continue;
+    const roles = (0, _colors.deriveAccent)(hex, scheme, palette.surface);
+    out[name] = roles.base;
+    out[`on${capitalize(name)}`] = roles.on;
+    out[`${name}Soft`] = roles.soft;
+    out[`${name}Text`] = roles.text;
+  }
+  return out;
+}
 
 /**
  * Construye el par de themes light/dark que consume <UIProvider theme={...}>.
  * Nunca muta los defaults: cada llamada produce objetos nuevos, seguros de
  * compartir entre providers distintos (tests, multi-brand en el mismo árbol).
+ *
+ * `brand` se aplica antes que `colors`, así que un rol escrito a mano siempre
+ * gana sobre el derivado.
  */
 function createTheme(overrides) {
   const tokens = mergeDeep(_tokens.tokens, overrides?.tokens);
   const light = {
-    colors: mergeDeep(_palettes.lightPalette, overrides?.colors?.light),
+    colors: mergeDeep(mergeDeep(_palettes.lightPalette, brandColors(overrides?.brand, 'light', _palettes.lightPalette)), overrides?.colors?.light),
     tokens,
     scheme: 'light'
   };
   const dark = {
-    colors: mergeDeep(_palettes.darkPalette, overrides?.colors?.dark),
+    colors: mergeDeep(mergeDeep(_palettes.darkPalette, brandColors(overrides?.brand, 'dark', _palettes.darkPalette)), overrides?.colors?.dark),
     tokens,
     scheme: 'dark'
   };

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

@@ -1 +1 @@
-{"version":3,"names":["_palettes","require","_tokens","mergeDeep","base","patch","out","key","Object","keys","patchVal","baseVal","Array","isArray","undefined","createTheme","overrides","tokens","defaultTokens","light","colors","lightPalette","scheme","dark","darkPalette","defaultTheme","exports"],"sourceRoot":"../../../src","sources":["theme/createTheme.ts"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAGA,SAASE,SAASA,CAAgCC,IAAO,EAAEC,KAAkB,EAAK;EAChF,IAAI,CAACA,KAAK,EAAE,OAAOD,IAAI;EACvB,MAAME,GAAwB,GAAG;IAAE,GAAGF;EAAK,CAAC;EAC5C,KAAK,MAAMG,GAAG,IAAIC,MAAM,CAACC,IAAI,CAACJ,KAAK,CAAC,EAAE;IACpC,MAAMK,QAAQ,GAAIL,KAAK,CAAyBE,GAAG,CAAC;IACpD,MAAMI,OAAO,GAAIP,IAAI,CAAyBG,GAAG,CAAC;IAClD,IACEG,QAAQ,IACRC,OAAO,IACP,OAAOD,QAAQ,KAAK,QAAQ,IAC5B,OAAOC,OAAO,KAAK,QAAQ,IAC3B,CAACC,KAAK,CAACC,OAAO,CAACH,QAAQ,CAAC,EACxB;MACAJ,GAAG,CAACC,GAAG,CAAC,GAAGJ,SAAS,CAACQ,OAAO,EAAED,QAAQ,CAAC;IACzC,CAAC,MAAM,IAAIA,QAAQ,KAAKI,SAAS,EAAE;MACjCR,GAAG,CAACC,GAAG,CAAC,GAAGG,QAAQ;IACrB;EACF;EACA,OAAOJ,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASS,WAAWA,CAACC,SAA0B,EAAa;EACjE,MAAMC,MAAM,GAAGd,SAAS,CAACe,cAAa,EAAEF,SAAS,EAAEC,MAAa,CAAC;EAEjE,MAAME,KAAY,GAAG;IACnBC,MAAM,EAAEjB,SAAS,CAACkB,sBAAY,EAAEL,SAAS,EAAEI,MAAM,EAAED,KAAK,CAAC;IACzDF,MAAM;IACNK,MAAM,EAAE;EACV,CAAC;EAED,MAAMC,IAAW,GAAG;IAClBH,MAAM,EAAEjB,SAAS,CAACqB,qBAAW,EAAER,SAAS,EAAEI,MAAM,EAAEG,IAAI,CAAC;IACvDN,MAAM;IACNK,MAAM,EAAE;EACV,CAAC;EAED,OAAO;IAAEH,KAAK;IAAEI;EAAK,CAAC;AACxB;AAEO,MAAME,YAAuB,GAAAC,OAAA,CAAAD,YAAA,GAAGV,WAAW,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_palettes","require","_tokens","_colors","mergeDeep","base","patch","out","key","Object","keys","patchVal","baseVal","Array","isArray","undefined","capitalize","name","charAt","toUpperCase","slice","brandColors","brand","scheme","palette","accents","primary","hex","entries","roles","deriveAccent","surface","on","soft","text","createTheme","overrides","tokens","defaultTokens","light","colors","lightPalette","dark","darkPalette","defaultTheme","exports"],"sourceRoot":"../../../src","sources":["theme/createTheme.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/theme/index.js

@@ -3,12 +3,24 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "AA_CONTRAST", {
+  enumerable: true,
+  get: function () {
+    return _colors.AA_CONTRAST;
+  }
+});
 Object.defineProperty(exports, "UIProvider", {
   enumerable: true,
   get: function () {
     return _UIProvider.UIProvider;
   }
 });
+Object.defineProperty(exports, "contrast", {
+  enumerable: true,
+  get: function () {
+    return _colors.contrast;
+  }
+});
 Object.defineProperty(exports, "createStyles", {
   enumerable: true,
   get: function () {
@@ -39,6 +51,12 @@ Object.defineProperty(exports, "defaultTheme", {
     return _createTheme.defaultTheme;
   }
 });
+Object.defineProperty(exports, "deriveAccent", {
+  enumerable: true,
+  get: function () {
+    return _colors.deriveAccent;
+  }
+});
 Object.defineProperty(exports, "duration", {
   enumerable: true,
   get: function () {
@@ -69,6 +87,12 @@ Object.defineProperty(exports, "lineHeight", {
     return _tokens.lineHeight;
   }
 });
+Object.defineProperty(exports, "luminance", {
+  enumerable: true,
+  get: function () {
+    return _colors.luminance;
+  }
+});
 Object.defineProperty(exports, "radius", {
   enumerable: true,
   get: function () {
@@ -144,6 +168,7 @@ Object.defineProperty(exports, "zeroInsets", {
 var _tokens = require("./tokens");
 var _palettes = require("./palettes");
 var _createTheme = require("./createTheme");
+var _colors = require("./colors");
 var _labels = require("./labels");
 var _insets = require("./insets");
 var _createStyles = require("./createStyles");

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

@@ -1 +1 @@
-{"version":3,"names":["_tokens","require","_palettes","_createTheme","_labels","_insets","_createStyles","_UIProvider"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA","ignoreList":[]}
+{"version":3,"names":["_tokens","require","_palettes","_createTheme","_colors","_labels","_insets","_createStyles","_UIProvider"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAEA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA","ignoreList":[]}

package/lib/commonjs/theme/palettes.js

@@ -42,8 +42,11 @@ const lightPalette = exports.lightPalette = {
   onSuccess: '#00320f',
   successSoft: '#e3f6e9',
   successText: '#116a30',
-  error: '#ff3b30',
-  onError: '#3d0300',
+  // El rojo va con texto blanco, que es lo que la gente espera de un botón
+  // destructivo. #ff3b30 no llega a 4.5:1 con blanco y obligaba a texto casi
+  // negro sobre rojo; este tono sí, y sigue leyéndose como rojo de alerta.
+  error: '#dc2626',
+  onError: '#ffffff',
   errorSoft: '#fdeaea',
   errorText: '#c62222',
   warning: '#f59e0b',

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

@@ -1 +1 @@
-{"version":3,"names":["neutral","white","black","lightPalette","exports","primary","onPrimary","primarySoft","primaryText","secondary","onSecondary","secondarySoft","secondaryText","success","onSuccess","successSoft","successText","error","onError","errorSoft","errorText","warning","onWarning","warningSoft","warningText","background","surface","text","textLight","border","inputBackground","overlay","scrim","skeleton","darkPalette"],"sourceRoot":"../../../src","sources":["theme/palettes.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA0CA,MAAMA,OAAO,GAAG;EACdC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,YAAyB,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACvC,GAAGH,OAAO;EAEVK,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EAExBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,SAAS,EAAE,SAAS;EAEpBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,MAAM,EAAE,SAAS;EACjBC,eAAe,EAAE,SAAS;EAC1BC,OAAO,EAAE,iBAAiB;EAC1BC,KAAK,EAAE,uBAAuB;EAC9BC,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMC,WAAwB,GAAA9B,OAAA,CAAA8B,WAAA,GAAG;EACtC,GAAGlC,OAAO;EAEVK,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EAExBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,SAAS,EAAE,SAAS;EAEpBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,MAAM,EAAE,SAAS;EACjBC,eAAe,EAAE,SAAS;EAC1BC,OAAO,EAAE,iBAAiB;EAC1BC,KAAK,EAAE,oBAAoB;EAC3BC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}
+{"version":3,"names":["neutral","white","black","lightPalette","exports","primary","onPrimary","primarySoft","primaryText","secondary","onSecondary","secondarySoft","secondaryText","success","onSuccess","successSoft","successText","error","onError","errorSoft","errorText","warning","onWarning","warningSoft","warningText","background","surface","text","textLight","border","inputBackground","overlay","scrim","skeleton","darkPalette"],"sourceRoot":"../../../src","sources":["theme/palettes.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA0CA,MAAMA,OAAO,GAAG;EACdC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,YAAyB,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACvC,GAAGH,OAAO;EAEVK,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EAExBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtB;EACA;EACA;EACAC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,SAAS,EAAE,SAAS;EAEpBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,MAAM,EAAE,SAAS;EACjBC,eAAe,EAAE,SAAS;EAC1BC,OAAO,EAAE,iBAAiB;EAC1BC,KAAK,EAAE,uBAAuB;EAC9BC,QAAQ,EAAE;AACZ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACO,MAAMC,WAAwB,GAAA9B,OAAA,CAAA8B,WAAA,GAAG;EACtC,GAAGlC,OAAO;EAEVK,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EAExBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,SAAS,EAAE,SAAS;EAEpBC,OAAO,EAAE,SAAS;EAClBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EAEtBC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,SAAS,EAAE,SAAS;EACpBC,MAAM,EAAE,SAAS;EACjBC,eAAe,EAAE,SAAS;EAC1BC,OAAO,EAAE,iBAAiB;EAC1BC,KAAK,EAAE,oBAAoB;EAC3BC,QAAQ,EAAE;AACZ,CAAC","ignoreList":[]}

package/lib/module/atoms/PressableScale.js

@@ -3,6 +3,8 @@
 import React, { memo, useRef } from 'react';
 import { Animated, Pressable } from 'react-native';
 import { jsx as _jsx } from "react/jsx-runtime";
+const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
+
 /**
  * PressableScale
  * Feedback táctil de "achicarse" al presionar, con Animated.spring de RN
@@ -35,20 +37,17 @@ export const PressableScale = /*#__PURE__*/memo(({
     if (!disabled) animateTo(1);
     onPressOut?.(e);
   };
-  return /*#__PURE__*/_jsx(Pressable, {
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
     ...props,
     disabled: disabled,
     onPressIn: handlePressIn,
     onPressOut: handlePressOut,
-    style: style,
-    children: /*#__PURE__*/_jsx(Animated.View, {
-      style: {
-        transform: [{
-          scale
-        }]
-      },
-      children: children
-    })
+    style: [style, {
+      transform: [{
+        scale
+      }]
+    }],
+    children: children
   });
 });
 PressableScale.displayName = 'PressableScale';

package/lib/module/atoms/PressableScale.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","memo","useRef","Animated","Pressable","jsx","_jsx","PressableScale","scaleTo","style","children","onPressIn","onPressOut","disabled","props","scale","Value","current","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","handlePressIn","e","handlePressOut","View","transform","displayName"],"sourceRoot":"../../../src","sources":["atoms/PressableScale.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SAASC,QAAQ,EAAEC,SAAS,QAAyD,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpG;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,cAAc,gBAAGN,IAAI,CAChC,CAAC;EAAEO,OAAO,GAAG,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,UAAU;EAAEC,QAAQ;EAAE,GAAGC;AAA2B,CAAC,KAAK;EACvG,MAAMC,KAAK,GAAGb,MAAM,CAAC,IAAIC,QAAQ,CAACa,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEnD,MAAMC,SAAS,GAAIC,KAAa,IAAK;IACnChB,QAAQ,CAACiB,MAAM,CAACL,KAAK,EAAE;MACrBM,OAAO,EAAEF,KAAK;MACdG,eAAe,EAAE,IAAI;MACrBC,KAAK,EAAE,EAAE;MACTC,UAAU,EAAE;IACd,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,aAAa,GAAIC,CAAwB,IAAK;IAClD,IAAI,CAACd,QAAQ,EAAEK,SAAS,CAACV,OAAO,CAAC;IACjCG,SAAS,GAAGgB,CAAC,CAAC;EAChB,CAAC;EAED,MAAMC,cAAc,GAAID,CAAwB,IAAK;IACnD,IAAI,CAACd,QAAQ,EAAEK,SAAS,CAAC,CAAC,CAAC;IAC3BN,UAAU,GAAGe,CAAC,CAAC;EACjB,CAAC;EAED,oBACErB,IAAA,CAACF,SAAS;IAAA,GACJU,KAAK;IACTD,QAAQ,EAAEA,QAAS;IACnBF,SAAS,EAAEe,aAAc;IACzBd,UAAU,EAAEgB,cAAe;IAC3BnB,KAAK,EAAEA,KAAM;IAAAC,QAAA,eAEbJ,IAAA,CAACH,QAAQ,CAAC0B,IAAI;MAACpB,KAAK,EAAE;QAAEqB,SAAS,EAAE,CAAC;UAAEf;QAAM,CAAC;MAAE,CAAE;MAAAL,QAAA,EAAEA;IAAQ,CAAgB;EAAC,CACnE,CAAC;AAEhB,CACF,CAAC;AACDH,cAAc,CAACwB,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","memo","useRef","Animated","Pressable","jsx","_jsx","AnimatedPressable","createAnimatedComponent","PressableScale","scaleTo","style","children","onPressIn","onPressOut","disabled","props","scale","Value","current","animateTo","value","spring","toValue","useNativeDriver","speed","bounciness","start","handlePressIn","e","handlePressOut","transform","displayName"],"sourceRoot":"../../../src","sources":["atoms/PressableScale.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,IAAI,EAAEC,MAAM,QAAQ,OAAO;AAC3C,SACEC,QAAQ,EACRC,SAAS,QAKJ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAStB,MAAMC,iBAAiB,GAAGJ,QAAQ,CAACK,uBAAuB,CAACJ,SAAS,CAAC;;AAErE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,cAAc,gBAAGR,IAAI,CAChC,CAAC;EAAES,OAAO,GAAG,IAAI;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,UAAU;EAAEC,QAAQ;EAAE,GAAGC;AAA2B,CAAC,KAAK;EACvG,MAAMC,KAAK,GAAGf,MAAM,CAAC,IAAIC,QAAQ,CAACe,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEnD,MAAMC,SAAS,GAAIC,KAAa,IAAK;IACnClB,QAAQ,CAACmB,MAAM,CAACL,KAAK,EAAE;MACrBM,OAAO,EAAEF,KAAK;MACdG,eAAe,EAAE,IAAI;MACrBC,KAAK,EAAE,EAAE;MACTC,UAAU,EAAE;IACd,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC;EAED,MAAMC,aAAa,GAAIC,CAAwB,IAAK;IAClD,IAAI,CAACd,QAAQ,EAAEK,SAAS,CAACV,OAAO,CAAC;IACjCG,SAAS,GAAGgB,CAAC,CAAC;EAChB,CAAC;EAED,MAAMC,cAAc,GAAID,CAAwB,IAAK;IACnD,IAAI,CAACd,QAAQ,EAAEK,SAAS,CAAC,CAAC,CAAC;IAC3BN,UAAU,GAAGe,CAAC,CAAC;EACjB,CAAC;EAED,oBACEvB,IAAA,CAACC,iBAAiB;IAAA,GACZS,KAAK;IACTD,QAAQ,EAAEA,QAAS;IACnBF,SAAS,EAAEe,aAAc;IACzBd,UAAU,EAAEgB,cAAe;IAC3BnB,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEoB,SAAS,EAAE,CAAC;QAAEd;MAAM,CAAC;IAAE,CAAC,CAAE;IAAAL,QAAA,EAE1CA;EAAQ,CACQ,CAAC;AAExB,CACF,CAAC;AACDH,cAAc,CAACuB,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/lib/module/atoms/Skeleton.js

@@ -0,0 +1,91 @@
+"use strict";
+
+import React, { memo, useEffect, useRef } from 'react';
+import { Animated, Easing, View } from 'react-native';
+import { createStyles } from '../theme/createStyles';
+import { useTheme } from '../theme/UIProvider';
+import { jsx as _jsx } from "react/jsx-runtime";
+const useStyles = createStyles(theme => ({
+  block: {
+    backgroundColor: theme.colors.skeleton
+  },
+  lines: {
+    gap: theme.tokens.spacing.sm
+  }
+}));
+
+/**
+ * Skeleton
+ * Placeholder que late mientras llega el contenido real. Reserva el espacio
+ * exacto de lo que reemplaza, así la pantalla no salta cuando aparecen los
+ * datos — que es justamente lo que un Spinner centrado no puede hacer.
+ */
+export const Skeleton = /*#__PURE__*/memo(({
+  width = '100%',
+  height = 16,
+  variant = 'rect',
+  radius,
+  lines = 1,
+  lastLineWidth = '60%',
+  animated = true,
+  style,
+  testID
+}) => {
+  const theme = useTheme();
+  const styles = useStyles();
+  const pulse = useRef(new Animated.Value(0)).current;
+  useEffect(() => {
+    if (!animated) return;
+    const loop = Animated.loop(Animated.sequence([Animated.timing(pulse, {
+      toValue: 1,
+      duration: 700,
+      useNativeDriver: true,
+      easing: Easing.inOut(Easing.quad)
+    }), Animated.timing(pulse, {
+      toValue: 0,
+      duration: 700,
+      useNativeDriver: true,
+      easing: Easing.inOut(Easing.quad)
+    })]));
+    loop.start();
+    return () => loop.stop();
+  }, [animated, pulse]);
+  const isCircle = variant === 'circle';
+  const isText = variant === 'text';
+  const opacity = animated ? pulse.interpolate({
+    inputRange: [0, 1],
+    outputRange: [1, 0.4]
+  }) : 1;
+  const resolvedHeight = isCircle ? width : isText ? theme.tokens.fontSize.md : height;
+  const resolvedRadius = radius ?? (isCircle ? theme.tokens.radius.full : isText ? theme.tokens.radius.xs : theme.tokens.radius.sm);
+  const barStyle = barWidth => [styles.block, {
+    width: barWidth,
+    height: resolvedHeight,
+    borderRadius: resolvedRadius,
+    opacity
+  }];
+  const a11y = {
+    accessibilityElementsHidden: true,
+    importantForAccessibility: 'no-hide-descendants'
+  };
+  if (isText && lines > 1) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.lines, style],
+      testID: testID,
+      ...a11y,
+      children: Array.from({
+        length: lines
+      }, (_, i) => /*#__PURE__*/_jsx(Animated.View, {
+        testID: testID && `${testID}-${i}`,
+        style: barStyle(i === lines - 1 ? lastLineWidth : width)
+      }, i))
+    });
+  }
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [barStyle(width), style],
+    testID: testID,
+    ...a11y
+  });
+});
+Skeleton.displayName = 'Skeleton';
+//# sourceMappingURL=Skeleton.js.map

package/lib/module/atoms/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","useEffect","useRef","Animated","Easing","View","createStyles","useTheme","jsx","_jsx","useStyles","theme","block","backgroundColor","colors","skeleton","lines","gap","tokens","spacing","sm","Skeleton","width","height","variant","radius","lastLineWidth","animated","style","testID","styles","pulse","Value","current","loop","sequence","timing","toValue","duration","useNativeDriver","easing","inOut","quad","start","stop","isCircle","isText","opacity","interpolate","inputRange","outputRange","resolvedHeight","fontSize","md","resolvedRadius","full","xs","barStyle","barWidth","borderRadius","a11y","accessibilityElementsHidden","importantForAccessibility","children","Array","from","length","_","i","displayName"],"sourceRoot":"../../../src","sources":["atoms/Skeleton.tsx"],"mappings":"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","ignoreList":[]}