@soyfri/shared-library 4.0.4 → 4.1.1-beta.1

package/resolvePreset-K6_BfWHD.js

@@ -1,15 +0,0 @@
-const DEFAULT_PRESET_NAME = "default";
-function resolvePreset(componentName, presetName, theme) {
-  var _a;
-  const nameToResolve = presetName || DEFAULT_PRESET_NAME;
-  const componentPresets = (_a = theme.styles) == null ? void 0 : _a[componentName];
-  if (!componentPresets) return void 0;
-  const entry = componentPresets[nameToResolve];
-  if (!entry) return void 0;
-  return typeof entry === "function" ? entry(theme) : entry;
-}
-export {
-  DEFAULT_PRESET_NAME as D,
-  resolvePreset as r
-};
-//# sourceMappingURL=resolvePreset-K6_BfWHD.js.map

package/resolvePreset-K6_BfWHD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolvePreset-K6_BfWHD.js","sources":["../src/components/_shared/resolvePreset.ts"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nimport type { LibraryComponentName, PresetStyle } from '../../theme/componentStyles';\n\n/**\n * Nombre del preset que se resuelve cuando el componente no recibe `preset`.\n * El paquete no lo registra: si el consumer no puso `theme.styles[X].default`,\n * no hay preset y el componente queda con su estilo base de fábrica.\n */\nexport const DEFAULT_PRESET_NAME = 'default';\n\n/**\n * Resuelve el sx de un preset registrado en `theme.styles[componentName]`.\n *\n * - Si `presetName` es `undefined`, se busca la entrada `\"default\"` del theme.\n *   Así el consumer registra estilos globales una vez y no pasa `preset` en\n *   cada instancia (lo usa `sop` para el `DataRow`).\n * - Si la entrada en el theme es una función `(theme) => sx`, se ejecuta.\n * - Si la entrada no existe, devuelve `undefined` silenciosamente (no se\n *   rompe el componente — la responsabilidad de registrarlo es del consumer).\n *\n * El resultado es **aditivo**: el caller aplica siempre su sx built-in y mergea\n * esto encima. Nunca es un reemplazo del estilo base.\n */\nexport function resolvePreset(\n  componentName: LibraryComponentName,\n  presetName: string | undefined,\n  theme: Theme,\n): SxProps<Theme> | undefined {\n  // Si no hay preset explícito, intentar aplicar el preset \"default\" del theme.\n  // Esto permite que el consumer registre estilos globales sin necesidad de\n  // pasar `preset` en cada instancia del componente.\n  const nameToResolve = presetName || DEFAULT_PRESET_NAME;\n\n  const componentPresets = theme.styles?.[componentName];\n  if (!componentPresets) return undefined;\n\n  const entry: PresetStyle | undefined = componentPresets[nameToResolve];\n  if (!entry) return undefined;\n\n  return typeof entry === 'function' ? entry(theme) : entry;\n}\n"],"names":[],"mappings":"AASO,MAAM,sBAAsB;AAe5B,SAAS,cACd,eACA,YACA,OAC4B;AAnBvB;AAuBL,QAAM,gBAAgB,cAAc;AAEpC,QAAM,oBAAmB,WAAM,WAAN,mBAAe;AACxC,MAAI,CAAC,iBAAkB,QAAO;AAE9B,QAAM,QAAiC,iBAAiB,aAAa;AACrE,MAAI,CAAC,MAAO,QAAO;AAEnB,SAAO,OAAO,UAAU,aAAa,MAAM,KAAK,IAAI;AACtD;"}

package/tokens-BGPazVFO.cjs

@@ -1,22 +0,0 @@
-"use strict";
-const LABEL_MARGIN_TOP = "14px";
-const FIELD_INPUT_PADDING_Y = "9px";
-const FIELD_BORDER_RADIUS = 8;
-const LABEL_SHRINK_TRANSFORM = "translate(4px, -22px) scale(0.85)";
-const LABEL_TRANSFORM_ORIGIN = "top left";
-const LABEL_TRANSITION = "color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
-const LABEL_COLOR_REST = "text.secondary";
-const LABEL_COLOR_FILLED = "text.primary";
-const LABEL_COLOR_FOCUSED = "primary.main";
-const LABEL_FONT_WEIGHT_FILLED = 500;
-exports.FIELD_BORDER_RADIUS = FIELD_BORDER_RADIUS;
-exports.FIELD_INPUT_PADDING_Y = FIELD_INPUT_PADDING_Y;
-exports.LABEL_COLOR_FILLED = LABEL_COLOR_FILLED;
-exports.LABEL_COLOR_FOCUSED = LABEL_COLOR_FOCUSED;
-exports.LABEL_COLOR_REST = LABEL_COLOR_REST;
-exports.LABEL_FONT_WEIGHT_FILLED = LABEL_FONT_WEIGHT_FILLED;
-exports.LABEL_MARGIN_TOP = LABEL_MARGIN_TOP;
-exports.LABEL_SHRINK_TRANSFORM = LABEL_SHRINK_TRANSFORM;
-exports.LABEL_TRANSFORM_ORIGIN = LABEL_TRANSFORM_ORIGIN;
-exports.LABEL_TRANSITION = LABEL_TRANSITION;
-//# sourceMappingURL=tokens-BGPazVFO.cjs.map

package/tokens-BGPazVFO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-BGPazVFO.cjs","sources":["../src/theme/tokens.ts"],"sourcesContent":["/**\n * Design tokens compartidos por los componentes de formulario\n * (Input, Select, Autocomplete, DatePicker, DateTimePicker).\n *\n * Centralizar estos valores garantiza que:\n * - el espaciado, la tipografía y las animaciones del label sean idénticos\n *   en todos los campos;\n * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga\n *   en un único archivo.\n */\n\n// ── Spacing ──────────────────────────────────────────────────────────────\n/** Margen superior que deja el aire para el label flotante \"outside\". */\nexport const LABEL_MARGIN_TOP = '14px';\n\n/**\n * Padding vertical interno del input (TextField/Select/Picker sections).\n * 9px → 41px de alto de control (9 + 9 + 23 de line-height). Es el único lugar\n * donde se decide la densidad de TODOS los campos.\n */\nexport const FIELD_INPUT_PADDING_Y = '9px';\n\n/**\n * Radio por defecto de los campos y de los controles con borde\n * (Checkbox/Switch/RadioGroup bordered, InputGroup). Vive acá para que campos,\n * botones y chips de un mismo formulario se puedan alinear a un solo valor.\n */\nexport const FIELD_BORDER_RADIUS = 8;\n\n// ── Label animation ──────────────────────────────────────────────────────\n/** Transform que aplica el label cuando sube arriba del input (shrink). */\nexport const LABEL_SHRINK_TRANSFORM = 'translate(4px, -22px) scale(0.85)';\n\n/** Origen del transform para el shrink. */\nexport const LABEL_TRANSFORM_ORIGIN = 'top left';\n\n/** Transición del label (color + transform + max-width). */\nexport const LABEL_TRANSITION =\n  'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n// ── Label colors (theme-aware) ───────────────────────────────────────────\n/** Color del label en reposo. */\nexport const LABEL_COLOR_REST = 'text.secondary';\n\n/** Color del label cuando el campo tiene valor (shrink). */\nexport const LABEL_COLOR_FILLED = 'text.primary';\n\n/** Color del label cuando el campo está focused. */\nexport const LABEL_COLOR_FOCUSED = 'primary.main';\n\n/** Peso del label cuando sube (filled/focused). */\nexport const LABEL_FONT_WEIGHT_FILLED = 500;\n"],"names":[],"mappings":";AAaO,MAAM,mBAAmB;AAOzB,MAAM,wBAAwB;AAO9B,MAAM,sBAAsB;AAI5B,MAAM,yBAAyB;AAG/B,MAAM,yBAAyB;AAG/B,MAAM,mBACX;AAMK,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,sBAAsB;AAG5B,MAAM,2BAA2B;;;;;;;;;;;"}

package/tokens-DE2fV3a9.js

@@ -1,23 +0,0 @@
-const LABEL_MARGIN_TOP = "14px";
-const FIELD_INPUT_PADDING_Y = "9px";
-const FIELD_BORDER_RADIUS = 8;
-const LABEL_SHRINK_TRANSFORM = "translate(4px, -22px) scale(0.85)";
-const LABEL_TRANSFORM_ORIGIN = "top left";
-const LABEL_TRANSITION = "color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
-const LABEL_COLOR_REST = "text.secondary";
-const LABEL_COLOR_FILLED = "text.primary";
-const LABEL_COLOR_FOCUSED = "primary.main";
-const LABEL_FONT_WEIGHT_FILLED = 500;
-export {
-  FIELD_BORDER_RADIUS as F,
-  LABEL_MARGIN_TOP as L,
-  FIELD_INPUT_PADDING_Y as a,
-  LABEL_COLOR_FOCUSED as b,
-  LABEL_FONT_WEIGHT_FILLED as c,
-  LABEL_COLOR_FILLED as d,
-  LABEL_TRANSFORM_ORIGIN as e,
-  LABEL_SHRINK_TRANSFORM as f,
-  LABEL_TRANSITION as g,
-  LABEL_COLOR_REST as h
-};
-//# sourceMappingURL=tokens-DE2fV3a9.js.map

package/tokens-DE2fV3a9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-DE2fV3a9.js","sources":["../src/theme/tokens.ts"],"sourcesContent":["/**\n * Design tokens compartidos por los componentes de formulario\n * (Input, Select, Autocomplete, DatePicker, DateTimePicker).\n *\n * Centralizar estos valores garantiza que:\n * - el espaciado, la tipografía y las animaciones del label sean idénticos\n *   en todos los campos;\n * - un cambio visual global (p.ej. cambiar el transform del shrink) se haga\n *   en un único archivo.\n */\n\n// ── Spacing ──────────────────────────────────────────────────────────────\n/** Margen superior que deja el aire para el label flotante \"outside\". */\nexport const LABEL_MARGIN_TOP = '14px';\n\n/**\n * Padding vertical interno del input (TextField/Select/Picker sections).\n * 9px → 41px de alto de control (9 + 9 + 23 de line-height). Es el único lugar\n * donde se decide la densidad de TODOS los campos.\n */\nexport const FIELD_INPUT_PADDING_Y = '9px';\n\n/**\n * Radio por defecto de los campos y de los controles con borde\n * (Checkbox/Switch/RadioGroup bordered, InputGroup). Vive acá para que campos,\n * botones y chips de un mismo formulario se puedan alinear a un solo valor.\n */\nexport const FIELD_BORDER_RADIUS = 8;\n\n// ── Label animation ──────────────────────────────────────────────────────\n/** Transform que aplica el label cuando sube arriba del input (shrink). */\nexport const LABEL_SHRINK_TRANSFORM = 'translate(4px, -22px) scale(0.85)';\n\n/** Origen del transform para el shrink. */\nexport const LABEL_TRANSFORM_ORIGIN = 'top left';\n\n/** Transición del label (color + transform + max-width). */\nexport const LABEL_TRANSITION =\n  'color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'max-width 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n// ── Label colors (theme-aware) ───────────────────────────────────────────\n/** Color del label en reposo. */\nexport const LABEL_COLOR_REST = 'text.secondary';\n\n/** Color del label cuando el campo tiene valor (shrink). */\nexport const LABEL_COLOR_FILLED = 'text.primary';\n\n/** Color del label cuando el campo está focused. */\nexport const LABEL_COLOR_FOCUSED = 'primary.main';\n\n/** Peso del label cuando sube (filled/focused). */\nexport const LABEL_FONT_WEIGHT_FILLED = 500;\n"],"names":[],"mappings":"AAaO,MAAM,mBAAmB;AAOzB,MAAM,wBAAwB;AAO9B,MAAM,sBAAsB;AAI5B,MAAM,yBAAyB;AAG/B,MAAM,yBAAyB;AAG/B,MAAM,mBACX;AAMK,MAAM,mBAAmB;AAGzB,MAAM,qBAAqB;AAG3B,MAAM,sBAAsB;AAG5B,MAAM,2BAA2B;"}