@apia/theme 3.0.1 → 3.0.2

package/dist/base/colors/types.d.ts

@@ -1,154 +0,0 @@
-import { ResponsiveStyleValue, ThemeUICSSObject, Theme } from 'theme-ui';
-import { responsive } from '../../util.js';
-import getColorsAndStatesByPath, { TGetColorsAndStatesOptions } from './util/getColorsAndStatesByPath.js';
-
-interface IColorDefinition {
-    main: string;
-    light?: string;
-    dark?: string;
-    contrastText?: string;
-}
-interface IActionOpacity {
-    light: string;
-    dark: string;
-}
-interface TStates {
-    active?: boolean;
-    checked?: boolean;
-    default?: boolean;
-    disabled?: boolean;
-    focus?: boolean;
-    hover?: boolean;
-    readonly?: boolean;
-    selected?: boolean;
-}
-type TGetColorStateDefinition = Pick<ThemeUICSSObject, 'backgroundColor' | 'borderColor' | 'borderLeftColor' | 'borderRightColor' | 'borderBottomColor' | 'borderTopColor' | 'color'>;
-type TParsedPaletteColorStateRetriever = (color: string, state: keyof TStates) => string;
-type TColorStateRetriever = (color: string, state: keyof TStates, palette: TParsedPalette) => string;
-type TParsedPaletteStateRetriever = (definition: Partial<TGetColorStateDefinition>, state: keyof TStates) => TGetColorStateDefinition;
-type TStateRetriever = (definition: Partial<TGetColorStateDefinition>, state: keyof TStates, palette: TParsedPalette) => TGetColorStateDefinition;
-type TParsedPaletteStatesRetriever = (definition: Partial<TGetColorStateDefinition>, states?: TStates) => ThemeUICSSObject;
-type TStatesRetriever = (definition: Partial<TGetColorStateDefinition>, palette: TParsedPalette, states?: TStates) => ThemeUICSSObject;
-type TParsedPaletteStatesByDefinition = (definition: Partial<TGetColorStateDefinition>, options?: TGetColorsAndStatesOptions) => ThemeUICSSObject;
-type TApplyStates = (properties: Record<string, TColorDefinition | string | Record<string, unknown>>[], theme: Theme, states?: TStates) => void;
-interface TActionDefinition<OpacityColor = undefined | string | IActionOpacity> {
-    active: OpacityColor;
-    activeOpacity: number;
-    disabled: OpacityColor;
-    disabledOpacity: number;
-    focus: OpacityColor;
-    focusOpacity: number;
-    hover: OpacityColor;
-    hoverOpacity: number;
-    readonly: OpacityColor;
-    readonlyOpacity: number;
-    selected: OpacityColor;
-    selectedOpacity: number;
-}
-type TColorModifier = (color: string, ratio?: number) => string;
-interface TPalette<ColorDefinition = IColorDefinition, ColorModifier = TColorModifier, ActionDefinition = TActionDefinition> {
-    action: ActionDefinition;
-    background: {
-        default: string;
-        overlay: string;
-        paper: string;
-    };
-    border: {
-        article: string;
-        field: string;
-        ghost: string;
-        section: string;
-    };
-    common: {
-        white: string;
-        black: string;
-    };
-    error: ColorDefinition;
-    gray?: {
-        100: string;
-        150: string;
-        200: string;
-        250: string;
-        300: string;
-        350: string;
-        400: string;
-        450: string;
-        500: string;
-        550: string;
-        600: string;
-        650: string;
-        700: string;
-        750: string;
-        800: string;
-        850: string;
-        900: string;
-        950: string;
-    };
-    info: ColorDefinition;
-    primary: ColorDefinition;
-    secondary: ColorDefinition;
-    spacing: (index: number) => ResponsiveStyleValue<number>;
-    success: ColorDefinition;
-    text: {
-        accent: string;
-        disabled: string;
-        icon: string;
-        link: string;
-        primary: string;
-        secondary: string;
-        title: string;
-    };
-    warning: ColorDefinition;
-    lightenRatio?: number;
-    darkenRatio?: number;
-    /**
-     * Acepta un ratio entre 0 y 100
-     */
-    lightenColor?: ColorModifier;
-    /**
-     * Acepta un ratio entre 0 y 100
-     */
-    darkenColor?: ColorModifier;
-    getContrastText?: ColorModifier;
-    responsive: typeof responsive;
-    queryColumnsMultiplier?: number;
-}
-type TBuildStateObject = <T extends Partial<ThemeUICSSObject>>(props: T, state: keyof Required<TStates> | 'checked') => ThemeUICSSObject;
-type TBuildColorsObject = (definition: Partial<TGetColorStateDefinition>) => TGetColorStateDefinition;
-type TParsedPalette = Required<TPalette<Required<IColorDefinition>, TColorModifier, Required<TActionDefinition<IActionOpacity>>>> & {
-    applyStates: TApplyStates;
-    buildColorsObject: TBuildColorsObject;
-    buildStateObject: TBuildStateObject;
-    getColor: TParsedPaletteColorStateRetriever;
-    getColorStates: TParsedPaletteStatesRetriever;
-    getOneState: TParsedPaletteStateRetriever;
-    getStatesForColors: TParsedPaletteStatesRetriever;
-    getStatesFromDefinition: TParsedPaletteStatesByDefinition;
-    getStatesFromPath: typeof getColorsAndStatesByPath;
-    getSelectedColors: () => ThemeUICSSObject;
-    getColorsByPath: (path: string, options?: {
-        mergeObject?: Record<string, any>;
-    }) => TGetColorStateDefinition & Record<string, any>;
-};
-type TCustomPalette = Partial<TPalette> & Partial<Pick<TParsedPalette, 'applyStates' | 'buildColorsObject' | 'buildStateObject' | 'getColor' | 'getColorStates' | 'getSelectedColors' | 'getContrastText' | 'getOneState' | 'getStatesForColors' | 'getStatesFromDefinition' | 'getStatesFromPath'>>;
-type TColorDefinitionPrimitive = Pick<ThemeUICSSObject, 'color' | 'backgroundColor' | 'borderColor'>;
-type TColorDefinition = TColorDefinitionPrimitive & {
-    active?: TColorDefinitionPrimitive;
-    checked?: TColorDefinitionPrimitive;
-    disabled?: TColorDefinitionPrimitive;
-    focus?: TColorDefinitionPrimitive;
-    hover?: TColorDefinitionPrimitive;
-    preventParse?: boolean;
-    selected?: TColorDefinitionPrimitive;
-};
-declare global {
-    interface Window {
-        currentPalette: TParsedPalette;
-        customPalettes?: TPalette[];
-        defaultPalette?: TPalette;
-    }
-}
-type TThemeModifier = (theme: Theme) => Theme;
-
-export type { IActionOpacity, IColorDefinition, TActionDefinition, TApplyStates, TBuildColorsObject, TBuildStateObject, TColorDefinition, TColorDefinitionPrimitive, TColorModifier, TColorStateRetriever, TCustomPalette, TGetColorStateDefinition, TPalette, TParsedPalette, TParsedPaletteColorStateRetriever, TParsedPaletteStateRetriever, TParsedPaletteStatesByDefinition, TParsedPaletteStatesRetriever, TStateRetriever, TStates, TStatesRetriever, TThemeModifier };
-//# sourceMappingURL=types.d.ts.map

package/dist/base/colors/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base/colors/types.js

@@ -1,6 +0,0 @@
-function isColorDefinition(value) {
-  return !!value && typeof value === "object" && "main" in value;
-}
-
-export { isColorDefinition };
-//# sourceMappingURL=types.js.map

package/dist/base/colors/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../src/base/colors/types.ts"],"sourcesContent":["import { ResponsiveStyleValue, Theme, ThemeUICSSObject } from 'theme-ui';\nimport { responsive } from '../../util';\nimport getColorsAndStatesByPath, {\n  TGetColorsAndStatesOptions,\n} from './util/getColorsAndStatesByPath';\n\n/* eslint-disable @typescript-eslint/naming-convention */\nexport function isColorDefinition(\n  value:\n    | IColorDefinition\n    | TColorModifier\n    | Record<string, unknown>\n    | string\n    | number\n    | TActionDefinition\n    | TStatesRetriever\n    | ((index: number) => ResponsiveStyleValue<number>)\n    | typeof responsive,\n): value is IColorDefinition {\n  return !!value && typeof value === 'object' && 'main' in value;\n}\n\nexport interface IColorDefinition {\n  main: string;\n  light?: string;\n  dark?: string;\n  contrastText?: string;\n}\n\nexport interface IActionOpacity {\n  light: string;\n  dark: string;\n}\n\nexport interface TStates {\n  active?: boolean;\n  checked?: boolean;\n  default?: boolean;\n  disabled?: boolean;\n  focus?: boolean;\n  hover?: boolean;\n  readonly?: boolean;\n  selected?: boolean;\n}\n\nexport type TGetColorStateDefinition = Pick<\n  ThemeUICSSObject,\n  | 'backgroundColor'\n  | 'borderColor'\n  | 'borderLeftColor'\n  | 'borderRightColor'\n  | 'borderBottomColor'\n  | 'borderTopColor'\n  | 'color'\n>;\n\nexport type TParsedPaletteColorStateRetriever = (\n  color: string,\n  state: keyof TStates,\n) => string;\n\nexport type TColorStateRetriever = (\n  color: string,\n  state: keyof TStates,\n  palette: TParsedPalette,\n) => string;\n\nexport type TParsedPaletteStateRetriever = (\n  definition: Partial<TGetColorStateDefinition>,\n  state: keyof TStates,\n) => TGetColorStateDefinition;\n\nexport type TStateRetriever = (\n  definition: Partial<TGetColorStateDefinition>,\n  state: keyof TStates,\n  palette: TParsedPalette,\n) => TGetColorStateDefinition;\n\nexport type TParsedPaletteStatesRetriever = (\n  definition: Partial<TGetColorStateDefinition>,\n  states?: TStates,\n) => ThemeUICSSObject;\n\nexport type TStatesRetriever = (\n  definition: Partial<TGetColorStateDefinition>,\n  palette: TParsedPalette,\n  states?: TStates,\n) => ThemeUICSSObject;\n\nexport type TParsedPaletteStatesByDefinition = (\n  definition: Partial<TGetColorStateDefinition>,\n  options?: TGetColorsAndStatesOptions,\n) => ThemeUICSSObject;\n\nexport type TStatesByDefinition = (\n  definition: Partial<TGetColorStateDefinition>,\n  theme: Theme,\n  options?: TGetColorsAndStatesOptions,\n) => ThemeUICSSObject;\n\nexport type TApplyStates = (\n  properties: Record<\n    string,\n    TColorDefinition | string | Record<string, unknown>\n  >[],\n  theme: Theme,\n  states?: TStates,\n) => void;\n\nexport interface TActionDefinition<\n  OpacityColor = undefined | string | IActionOpacity,\n> {\n  active: OpacityColor;\n  activeOpacity: number;\n  disabled: OpacityColor;\n  disabledOpacity: number;\n  focus: OpacityColor;\n  focusOpacity: number;\n  hover: OpacityColor;\n  hoverOpacity: number;\n  readonly: OpacityColor;\n  readonlyOpacity: number;\n  selected: OpacityColor;\n  selectedOpacity: number;\n}\n\nexport type TColorModifier = (color: string, ratio?: number) => string;\nexport interface TPalette<\n  ColorDefinition = IColorDefinition,\n  ColorModifier = TColorModifier,\n  ActionDefinition = TActionDefinition,\n> {\n  action: ActionDefinition;\n  background: {\n    default: string;\n    overlay: string;\n    paper: string;\n  };\n  border: {\n    article: string;\n    field: string;\n    ghost: string;\n    section: string;\n  };\n  common: {\n    white: string;\n    black: string;\n  };\n  error: ColorDefinition;\n  gray?: {\n    100: string;\n    150: string;\n    200: string;\n    250: string;\n    300: string;\n    350: string;\n    400: string;\n    450: string;\n    500: string;\n    550: string;\n    600: string;\n    650: string;\n    700: string;\n    750: string;\n    800: string;\n    850: string;\n    900: string;\n    950: string;\n  };\n  info: ColorDefinition;\n  primary: ColorDefinition;\n  secondary: ColorDefinition;\n  spacing: (index: number) => ResponsiveStyleValue<number>;\n  success: ColorDefinition;\n  text: {\n    accent: string;\n    disabled: string;\n    icon: string;\n    link: string;\n    primary: string;\n    secondary: string;\n    title: string;\n  };\n  warning: ColorDefinition;\n\n  lightenRatio?: number;\n  darkenRatio?: number;\n  /**\n   * Acepta un ratio entre 0 y 100\n   */\n  lightenColor?: ColorModifier;\n  /**\n   * Acepta un ratio entre 0 y 100\n   */\n  darkenColor?: ColorModifier;\n  getContrastText?: ColorModifier;\n  responsive: typeof responsive;\n\n  queryColumnsMultiplier?: number;\n}\n\nexport type TBuildStateObject = <T extends Partial<ThemeUICSSObject>>(\n  props: T,\n  state: keyof Required<TStates> | 'checked',\n) => ThemeUICSSObject;\n\nexport type TBuildColorsObject = (\n  definition: Partial<TGetColorStateDefinition>,\n) => TGetColorStateDefinition;\n\nexport type TParsedPalette = Required<\n  TPalette<\n    Required<IColorDefinition>,\n    TColorModifier,\n    Required<TActionDefinition<IActionOpacity>>\n  >\n> & {\n  applyStates: TApplyStates;\n  buildColorsObject: TBuildColorsObject;\n  buildStateObject: TBuildStateObject;\n  getColor: TParsedPaletteColorStateRetriever;\n  getColorStates: TParsedPaletteStatesRetriever;\n  getOneState: TParsedPaletteStateRetriever;\n  getStatesForColors: TParsedPaletteStatesRetriever;\n  getStatesFromDefinition: TParsedPaletteStatesByDefinition;\n  getStatesFromPath: typeof getColorsAndStatesByPath;\n  getSelectedColors: () => ThemeUICSSObject;\n  getColorsByPath: (\n    path: string,\n    options?: {\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      mergeObject?: Record<string, any>;\n    },\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  ) => TGetColorStateDefinition & Record<string, any>;\n};\n\nexport type TCustomPalette = Partial<TPalette> &\n  Partial<\n    Pick<\n      TParsedPalette,\n      | 'applyStates'\n      | 'buildColorsObject'\n      | 'buildStateObject'\n      | 'getColor'\n      | 'getColorStates'\n      | 'getSelectedColors'\n      | 'getContrastText'\n      | 'getOneState'\n      | 'getStatesForColors'\n      | 'getStatesFromDefinition'\n      | 'getStatesFromPath'\n    >\n  >;\n\nexport type TColorDefinitionPrimitive = Pick<\n  ThemeUICSSObject,\n  'color' | 'backgroundColor' | 'borderColor'\n>;\n\nexport type TColorDefinition = TColorDefinitionPrimitive & {\n  active?: TColorDefinitionPrimitive;\n  checked?: TColorDefinitionPrimitive;\n  disabled?: TColorDefinitionPrimitive;\n  focus?: TColorDefinitionPrimitive;\n  hover?: TColorDefinitionPrimitive;\n  preventParse?: boolean;\n  selected?: TColorDefinitionPrimitive;\n};\n\ndeclare global {\n  interface Window {\n    currentPalette: TParsedPalette;\n    customPalettes?: TPalette[];\n    defaultPalette?: TPalette;\n  }\n}\n\nexport type TThemeModifier = (theme: Theme) => Theme;\n"],"names":[],"mappings":"AAOO,SAAS,kBACd,KAU2B,EAAA;AAC3B,EAAA,OAAO,CAAC,CAAC,KAAA,IAAS,OAAO,KAAA,KAAU,YAAY,MAAU,IAAA,KAAA,CAAA;AAC3D;;;;"}

package/dist/base/colors/util/applyStates.js

@@ -1,35 +0,0 @@
-import merge from 'lodash-es/merge';
-import applyStatesGetColor from './applyStatesGetColor.js';
-
-function applyStates(properties, theme, states) {
-  properties.forEach?.((def) => {
-    Object.entries(def).forEach(([key, value]) => {
-      if (typeof value === "string")
-        return;
-      const definition = value;
-      if (typeof definition !== "string" && !definition.preventParse) {
-        if (!definition.active)
-          definition.active = {};
-        if (!definition.checked)
-          definition.checked = {};
-        if (!definition.focus)
-          definition.focus = {};
-        if (!definition.disabled)
-          definition.disabled = {};
-        if (!definition.hover)
-          definition.hover = {};
-        if (!definition.selected)
-          definition.selected = {};
-        const newDefinition = applyStatesGetColor(
-          definition,
-          theme.palette,
-          states
-        );
-        def[key] = merge(newDefinition, definition);
-      }
-    });
-  });
-}
-
-export { applyStates as default };
-//# sourceMappingURL=applyStates.js.map

package/dist/base/colors/util/applyStates.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"applyStates.js","sources":["../../../../src/base/colors/util/applyStates.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport { TColorDefinition, TGetColorStateDefinition, TStates } from '../types';\nimport applyStatesGetColor from './applyStatesGetColor';\nimport { Theme } from 'theme-ui';\n\n/**\n * Esta función está pensada para ser utilizada dentro del objeto colors del\n * tema. Aplica recursivamente los distintos estados a todos los elementos\n * contenidos dentro de los objetos pasados como parámetro en properties.\n *\n * Es posible elegir cuáles estados se aplican y cuáles no mediante el segundo\n * parámetro, que es un objeto cuyas propiedades serán tomadas en cuenta\n * únicamente cuando tienen valor false, en cuyo caso no se aplicará el estado\n * correspondiente.\n *\n * @param properties\n * @param states\n */\nexport default function applyStates(\n  properties: Record<string, string | TGetColorStateDefinition>[],\n  theme: Theme,\n  states?: TStates,\n) {\n  properties.forEach?.((def) => {\n    Object.entries(def).forEach(([key, value]) => {\n      if (typeof value === 'string') return;\n      const definition = value as Required<TColorDefinition>;\n\n      if (typeof definition !== 'string' && !definition.preventParse) {\n        if (!definition.active) definition.active = {};\n        if (!definition.checked) definition.checked = {};\n        if (!definition.focus) definition.focus = {};\n        if (!definition.disabled) definition.disabled = {};\n        if (!definition.hover) definition.hover = {};\n        if (!definition.selected) definition.selected = {};\n\n        const newDefinition = applyStatesGetColor(\n          definition,\n          theme.palette,\n          states,\n        );\n        // eslint-disable-next-line no-param-reassign\n        def[key] = merge(newDefinition, definition);\n      }\n    });\n  });\n}\n"],"names":[],"mappings":";;;AAkBwB,SAAA,WAAA,CACtB,UACA,EAAA,KAAA,EACA,MACA,EAAA;AACA,EAAW,UAAA,CAAA,OAAA,GAAU,CAAC,GAAQ,KAAA;AAC5B,IAAO,MAAA,CAAA,OAAA,CAAQ,GAAG,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,GAAA,EAAK,KAAK,CAAM,KAAA;AAC5C,MAAA,IAAI,OAAO,KAAU,KAAA,QAAA;AAAU,QAAA,OAAA;AAC/B,MAAA,MAAM,UAAa,GAAA,KAAA,CAAA;AAEnB,MAAA,IAAI,OAAO,UAAA,KAAe,QAAY,IAAA,CAAC,WAAW,YAAc,EAAA;AAC9D,QAAA,IAAI,CAAC,UAAW,CAAA,MAAA;AAAQ,UAAA,UAAA,CAAW,SAAS,EAAC,CAAA;AAC7C,QAAA,IAAI,CAAC,UAAW,CAAA,OAAA;AAAS,UAAA,UAAA,CAAW,UAAU,EAAC,CAAA;AAC/C,QAAA,IAAI,CAAC,UAAW,CAAA,KAAA;AAAO,UAAA,UAAA,CAAW,QAAQ,EAAC,CAAA;AAC3C,QAAA,IAAI,CAAC,UAAW,CAAA,QAAA;AAAU,UAAA,UAAA,CAAW,WAAW,EAAC,CAAA;AACjD,QAAA,IAAI,CAAC,UAAW,CAAA,KAAA;AAAO,UAAA,UAAA,CAAW,QAAQ,EAAC,CAAA;AAC3C,QAAA,IAAI,CAAC,UAAW,CAAA,QAAA;AAAU,UAAA,UAAA,CAAW,WAAW,EAAC,CAAA;AAEjD,QAAA,MAAM,aAAgB,GAAA,mBAAA;AAAA,UACpB,UAAA;AAAA,UACA,KAAM,CAAA,OAAA;AAAA,UACN,MAAA;AAAA,SACF,CAAA;AAEA,QAAA,GAAA,CAAI,GAAG,CAAA,GAAI,KAAM,CAAA,aAAA,EAAe,UAAU,CAAA,CAAA;AAAA,OAC5C;AAAA,KACD,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AACH;;;;"}

package/dist/base/colors/util/applyStatesGetColor.d.ts

@@ -1,11 +0,0 @@
-import { TStatesRetriever } from '../types.js';
-
-/**
- * Este método está pensado para usarse únicamente dentro de applyStates, si se
- * desea obtener un objeto con las propiedades correspondientes a un estado,
- * utilizar el método getColorStates.
- */
-declare const applyStatesGetColor: TStatesRetriever;
-
-export { applyStatesGetColor as default };
-//# sourceMappingURL=applyStatesGetColor.d.ts.map

package/dist/base/colors/util/applyStatesGetColor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"applyStatesGetColor.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base/colors/util/applyStatesGetColor.js

@@ -1,31 +0,0 @@
-import cloneDeep from 'lodash-es/cloneDeep';
-import getColorState from './getColorState.js';
-
-const applyStatesGetColor = (definition, palette, states) => {
-  const newStates = states?.default !== false ? cloneDeep(definition) : {};
-  if (states?.active !== false) {
-    newStates.active = getColorState(definition, "active", palette);
-  }
-  if (states?.disabled !== false) {
-    newStates.disabled = getColorState(definition, "disabled", palette);
-  }
-  if (states?.focus !== false) {
-    newStates.focus = getColorState(definition, "focus", palette);
-  }
-  if (states?.hover !== false) {
-    newStates.hover = getColorState(definition, "hover", palette);
-  }
-  if (states?.readonly !== false) {
-    newStates.readonly = getColorState(definition, "readonly", palette);
-  }
-  if (states?.selected !== false) {
-    newStates.selected = getColorState(definition, "selected", palette);
-  }
-  if (states?.checked !== false) {
-    newStates.checked = getColorState(definition, "checked", palette);
-  }
-  return newStates;
-};
-
-export { applyStatesGetColor as default };
-//# sourceMappingURL=applyStatesGetColor.js.map

package/dist/base/colors/util/applyStatesGetColor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"applyStatesGetColor.js","sources":["../../../../src/base/colors/util/applyStatesGetColor.ts"],"sourcesContent":["import cloneDeep from 'lodash-es/cloneDeep';\nimport { ThemeUICSSObject } from 'theme-ui';\nimport { TStatesRetriever } from '../types';\nimport getColorState from './getColorState';\n\n/**\n * Este método está pensado para usarse únicamente dentro de applyStates, si se\n * desea obtener un objeto con las propiedades correspondientes a un estado,\n * utilizar el método getColorStates.\n */\nconst applyStatesGetColor: TStatesRetriever = (definition, palette, states) => {\n  const newStates: ThemeUICSSObject =\n    states?.default !== false\n      ? cloneDeep(definition)\n      : ({} as ThemeUICSSObject);\n\n  if (states?.active !== false) {\n    newStates.active = getColorState(definition, 'active', palette);\n  }\n  if (states?.disabled !== false) {\n    newStates.disabled = getColorState(definition, 'disabled', palette);\n  }\n  if (states?.focus !== false) {\n    newStates.focus = getColorState(definition, 'focus', palette);\n  }\n  if (states?.hover !== false) {\n    newStates.hover = getColorState(definition, 'hover', palette);\n  }\n  if (states?.readonly !== false) {\n    newStates.readonly = getColorState(definition, 'readonly', palette);\n  }\n  if (states?.selected !== false) {\n    newStates.selected = getColorState(definition, 'selected', palette);\n  }\n  if (states?.checked !== false) {\n    newStates.checked = getColorState(definition, 'checked', palette);\n  }\n  return newStates;\n};\n\nexport default applyStatesGetColor;\n"],"names":[],"mappings":";;;AAUA,MAAM,mBAAwC,GAAA,CAAC,UAAY,EAAA,OAAA,EAAS,MAAW,KAAA;AAC7E,EAAA,MAAM,YACJ,MAAQ,EAAA,OAAA,KAAY,QAChB,SAAU,CAAA,UAAU,IACnB,EAAC,CAAA;AAER,EAAI,IAAA,MAAA,EAAQ,WAAW,KAAO,EAAA;AAC5B,IAAA,SAAA,CAAU,MAAS,GAAA,aAAA,CAAc,UAAY,EAAA,QAAA,EAAU,OAAO,CAAA,CAAA;AAAA,GAChE;AACA,EAAI,IAAA,MAAA,EAAQ,aAAa,KAAO,EAAA;AAC9B,IAAA,SAAA,CAAU,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAAA,GACpE;AACA,EAAI,IAAA,MAAA,EAAQ,UAAU,KAAO,EAAA;AAC3B,IAAA,SAAA,CAAU,KAAQ,GAAA,aAAA,CAAc,UAAY,EAAA,OAAA,EAAS,OAAO,CAAA,CAAA;AAAA,GAC9D;AACA,EAAI,IAAA,MAAA,EAAQ,UAAU,KAAO,EAAA;AAC3B,IAAA,SAAA,CAAU,KAAQ,GAAA,aAAA,CAAc,UAAY,EAAA,OAAA,EAAS,OAAO,CAAA,CAAA;AAAA,GAC9D;AACA,EAAI,IAAA,MAAA,EAAQ,aAAa,KAAO,EAAA;AAC9B,IAAA,SAAA,CAAU,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAAA,GACpE;AACA,EAAI,IAAA,MAAA,EAAQ,aAAa,KAAO,EAAA;AAC9B,IAAA,SAAA,CAAU,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAAA,GACpE;AACA,EAAI,IAAA,MAAA,EAAQ,YAAY,KAAO,EAAA;AAC7B,IAAA,SAAA,CAAU,OAAU,GAAA,aAAA,CAAc,UAAY,EAAA,SAAA,EAAW,OAAO,CAAA,CAAA;AAAA,GAClE;AACA,EAAO,OAAA,SAAA,CAAA;AACT;;;;"}

package/dist/base/colors/util/buildColorsObject.js

@@ -1,14 +0,0 @@
-function buildColorsObject(definition) {
-  return {
-    ...definition,
-    ...definition.borderColor ? {
-      borderLeftColor: definition.borderColor,
-      borderRightColor: definition.borderColor,
-      borderBottomColor: definition.borderColor,
-      borderTopColor: definition.borderColor
-    } : void 0
-  };
-}
-
-export { buildColorsObject as default };
-//# sourceMappingURL=buildColorsObject.js.map

package/dist/base/colors/util/buildColorsObject.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildColorsObject.js","sources":["../../../../src/base/colors/util/buildColorsObject.ts"],"sourcesContent":["import { TGetColorStateDefinition } from '../types';\n\n/**\n * Básicamente agrega la definición de borderLeftColor, borderRightColor, etc.\n */\nfunction buildColorsObject(definition: Partial<TGetColorStateDefinition>) {\n  return {\n    ...definition,\n    ...(definition.borderColor\n      ? {\n          borderLeftColor: definition.borderColor,\n          borderRightColor: definition.borderColor,\n          borderBottomColor: definition.borderColor,\n          borderTopColor: definition.borderColor,\n        }\n      : undefined),\n  } as TGetColorStateDefinition;\n}\n\nexport default buildColorsObject;\n"],"names":[],"mappings":"AAKA,SAAS,kBAAkB,UAA+C,EAAA;AACxE,EAAO,OAAA;AAAA,IACL,GAAG,UAAA;AAAA,IACH,GAAI,WAAW,WACX,GAAA;AAAA,MACE,iBAAiB,UAAW,CAAA,WAAA;AAAA,MAC5B,kBAAkB,UAAW,CAAA,WAAA;AAAA,MAC7B,mBAAmB,UAAW,CAAA,WAAA;AAAA,MAC9B,gBAAgB,UAAW,CAAA,WAAA;AAAA,KAE7B,GAAA,KAAA,CAAA;AAAA,GACN,CAAA;AACF;;;;"}

package/dist/base/colors/util/buildStateObject.js

@@ -1,60 +0,0 @@
-import merge from 'lodash-es/merge';
-import { focusOutline } from '../../../util.js';
-
-const buildStateObject = (props, state) => {
-  switch (state) {
-    case "active":
-      return {
-        "&:active": props,
-        "input[role]:active ~ &": props,
-        "input[role]:active ~ & path": props
-      };
-    case "checked":
-      return {
-        "&:checked": props,
-        "input[role]:checked ~ &": props,
-        "input[role]:checked ~ & path": props
-      };
-    case "disabled":
-      return {
-        "&:disabled": props,
-        "input[role]:disabled ~ &": props,
-        "input[role]:disabled ~ & path": props
-      };
-    case "focus": {
-      const focusObject = merge({}, focusOutline, props);
-      return {
-        "&:focus": focusObject,
-        "input[role]:focus ~ &": focusObject
-      };
-    }
-    case "hover": {
-      return {
-        '&:hover:not([readonly], :disabled,[aria-selected="true"],:active)': props,
-        'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"])': props,
-        'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected="true"]) path': props
-      };
-    }
-    case "readonly":
-      return {
-        "&[readonly]": props,
-        "input[role][readonly] ~ &": props,
-        "input[role][readonly] ~ & path": props,
-        "&.readonly input ~ &, &.readOnly input ~ &": props,
-        "&.readonly input ~ & path, &.readOnly input ~ & path": props,
-        "&.readonly, &.readOnly": props
-      };
-    case "selected":
-      return {
-        "&:selected": props,
-        "input[role]:selected ~ &": props,
-        "input[role]:selected ~ & path": props,
-        '&[aria-selected="true"]': props
-      };
-    default:
-      return props;
-  }
-};
-
-export { buildStateObject as default };
-//# sourceMappingURL=buildStateObject.js.map

package/dist/base/colors/util/buildStateObject.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildStateObject.js","sources":["../../../../src/base/colors/util/buildStateObject.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport { ThemeUICSSObject } from 'theme-ui';\nimport { focusOutline } from '../../../util';\nimport { TBuildStateObject } from '../types';\n\n/**\n * Dado un estado, se devuelven las propiedades necesarias para garantizar que\n * dicho estado se aplique en variadas circunstancias.\n */\nconst buildStateObject: TBuildStateObject = (props, state) => {\n  switch (state) {\n    case 'active':\n      return {\n        '&:active': props,\n        'input[role]:active ~ &': props,\n        'input[role]:active ~ & path': props,\n      };\n    case 'checked':\n      return {\n        '&:checked': props,\n        'input[role]:checked ~ &': props,\n        'input[role]:checked ~ & path': props,\n      };\n    case 'disabled':\n      return {\n        '&:disabled': props,\n        'input[role]:disabled ~ &': props,\n        'input[role]:disabled ~ & path': props,\n      };\n    case 'focus': {\n      const focusObject = merge({}, focusOutline, props);\n      return {\n        '&:focus': focusObject,\n        'input[role]:focus ~ &': focusObject,\n      };\n    }\n    case 'hover': {\n      return {\n        '&:hover:not([readonly], :disabled,[aria-selected=\"true\"],:active)':\n          props,\n        'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected=\"true\"])':\n          props,\n        'input[role]:hover:not([readonly], :active, :disabled) ~ &:not(:disabled,[aria-selected=\"true\"]) path':\n          props,\n      };\n    }\n    case 'readonly':\n      return {\n        '&[readonly]': props,\n        'input[role][readonly] ~ &': props,\n        'input[role][readonly] ~ & path': props,\n        '&.readonly input ~ &, &.readOnly input ~ &': props,\n        '&.readonly input ~ & path, &.readOnly input ~ & path': props,\n        '&.readonly, &.readOnly': props,\n      };\n    case 'selected':\n      return {\n        '&:selected': props,\n        'input[role]:selected ~ &': props,\n        'input[role]:selected ~ & path': props,\n        '&[aria-selected=\"true\"]': props,\n      };\n    default:\n      return props as unknown as ThemeUICSSObject;\n  }\n};\nexport default buildStateObject;\n"],"names":[],"mappings":";;;AASM,MAAA,gBAAA,GAAsC,CAAC,KAAA,EAAO,KAAU,KAAA;AAC5D,EAAA,QAAQ,KAAO;AAAA,IACb,KAAK,QAAA;AACH,MAAO,OAAA;AAAA,QACL,UAAY,EAAA,KAAA;AAAA,QACZ,wBAA0B,EAAA,KAAA;AAAA,QAC1B,6BAA+B,EAAA,KAAA;AAAA,OACjC,CAAA;AAAA,IACF,KAAK,SAAA;AACH,MAAO,OAAA;AAAA,QACL,WAAa,EAAA,KAAA;AAAA,QACb,yBAA2B,EAAA,KAAA;AAAA,QAC3B,8BAAgC,EAAA,KAAA;AAAA,OAClC,CAAA;AAAA,IACF,KAAK,UAAA;AACH,MAAO,OAAA;AAAA,QACL,YAAc,EAAA,KAAA;AAAA,QACd,0BAA4B,EAAA,KAAA;AAAA,QAC5B,+BAAiC,EAAA,KAAA;AAAA,OACnC,CAAA;AAAA,IACF,KAAK,OAAS,EAAA;AACZ,MAAA,MAAM,WAAc,GAAA,KAAA,CAAM,EAAC,EAAG,cAAc,KAAK,CAAA,CAAA;AACjD,MAAO,OAAA;AAAA,QACL,SAAW,EAAA,WAAA;AAAA,QACX,uBAAyB,EAAA,WAAA;AAAA,OAC3B,CAAA;AAAA,KACF;AAAA,IACA,KAAK,OAAS,EAAA;AACZ,MAAO,OAAA;AAAA,QACL,mEACE,EAAA,KAAA;AAAA,QACF,iGACE,EAAA,KAAA;AAAA,QACF,sGACE,EAAA,KAAA;AAAA,OACJ,CAAA;AAAA,KACF;AAAA,IACA,KAAK,UAAA;AACH,MAAO,OAAA;AAAA,QACL,aAAe,EAAA,KAAA;AAAA,QACf,2BAA6B,EAAA,KAAA;AAAA,QAC7B,gCAAkC,EAAA,KAAA;AAAA,QAClC,4CAA8C,EAAA,KAAA;AAAA,QAC9C,sDAAwD,EAAA,KAAA;AAAA,QACxD,wBAA0B,EAAA,KAAA;AAAA,OAC5B,CAAA;AAAA,IACF,KAAK,UAAA;AACH,MAAO,OAAA;AAAA,QACL,YAAc,EAAA,KAAA;AAAA,QACd,0BAA4B,EAAA,KAAA;AAAA,QAC5B,+BAAiC,EAAA,KAAA;AAAA,QACjC,yBAA2B,EAAA,KAAA;AAAA,OAC7B,CAAA;AAAA,IACF;AACE,MAAO,OAAA,KAAA,CAAA;AAAA,GACX;AACF;;;;"}

package/dist/base/colors/util/getColorState.d.ts

@@ -1,17 +0,0 @@
-import { TStateRetriever } from '../types.js';
-
-/**
- * Este método acepta un objeto con backgroundColor y borderColor y aplica el
- * estado pasado como segundo parámetro de la siguiente manera:
- *
- * Si se pasa backgroundColor, se devuelve un backgroundColor y un color, que
- * corresponden al backgroundColor con el estado aplicado y un color calculado
- * con la función getContrastText.
- *
- * Si se pasa borderColor, se devuelve un nuevo borderColor calculado con el
- * estado aplicado.
- */
-declare const getColorState: TStateRetriever;
-
-export { getColorState as default };
-//# sourceMappingURL=getColorState.d.ts.map

package/dist/base/colors/util/getColorState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getColorState.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base/colors/util/getColorState.js

@@ -1,52 +0,0 @@
-import tinycolor from 'tinycolor2';
-import { getValueByPath } from '../util.js';
-
-const getColorState = (definition, state, palette) => {
-  if (state === "default")
-    return palette.buildColorsObject(definition);
-  const opacity = palette.action[`${state}Opacity`];
-  const actualState = state === "checked" ? "selected" : state;
-  definition = Object.fromEntries(
-    Object.entries(definition).map(([name, value]) => {
-      if ([
-        "backgroundColor",
-        "borderColor",
-        "borderLeftColor",
-        "borderRightColor",
-        "borderBottomColor",
-        "borderTopColor",
-        "color"
-      ].includes(name) && (value ?? "").startsWith("palette"))
-        value = getValueByPath(
-          palette,
-          value.slice("palette.".length)
-        );
-      return [name, value];
-    })
-  );
-  const calculatedBackgroundColor = tinycolor.mix(
-    definition.backgroundColor ?? "",
-    tinycolor(definition.backgroundColor ?? "").isLight() ? palette.action[actualState].light : palette.action[actualState].dark,
-    100 * opacity
-  ).toRgbString();
-  return palette.buildColorsObject({
-    ...definition.backgroundColor ? {
-      backgroundColor: state === "checked" ? definition.backgroundColor ?? "" : calculatedBackgroundColor,
-      color: state === "checked" ? tinycolor.mix(
-        tinycolor(definition.color ?? "black"),
-        tinycolor(palette.action.selected.dark),
-        100 * palette.action.selectedOpacity
-      ).toRgbString() : palette.getContrastText(calculatedBackgroundColor)
-    } : null,
-    ...definition.borderColor ? {
-      borderColor: tinycolor.mix(
-        definition.borderColor,
-        tinycolor(definition.borderColor).isLight() ? palette.action[actualState].light : palette.action[actualState].dark,
-        100 * opacity
-      ).toRgbString()
-    } : null
-  });
-};
-
-export { getColorState as default };
-//# sourceMappingURL=getColorState.js.map

package/dist/base/colors/util/getColorState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getColorState.js","sources":["../../../../src/base/colors/util/getColorState.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\nimport { TStateRetriever, TActionDefinition } from '../types';\nimport { getValueByPath } from '../util';\n\n/**\n * Este método acepta un objeto con backgroundColor y borderColor y aplica el\n * estado pasado como segundo parámetro de la siguiente manera:\n *\n * Si se pasa backgroundColor, se devuelve un backgroundColor y un color, que\n * corresponden al backgroundColor con el estado aplicado y un color calculado\n * con la función getContrastText.\n *\n * Si se pasa borderColor, se devuelve un nuevo borderColor calculado con el\n * estado aplicado.\n */\nconst getColorState: TStateRetriever = (definition, state, palette) => {\n  if (state === 'default') return palette.buildColorsObject(definition);\n\n  const opacity: number = palette.action[\n    `${state}Opacity` as keyof TActionDefinition\n  ] as number;\n\n  const actualState = state === 'checked' ? 'selected' : state;\n\n  // eslint-disable-next-line no-param-reassign\n  definition = Object.fromEntries(\n    Object.entries(definition).map(([name, value]) => {\n      if (\n        [\n          'backgroundColor',\n          'borderColor',\n          'borderLeftColor',\n          'borderRightColor',\n          'borderBottomColor',\n          'borderTopColor',\n          'color',\n        ].includes(name) &&\n        ((value ?? '') as string).startsWith('palette')\n      )\n        // eslint-disable-next-line no-param-reassign\n        value = getValueByPath(\n          palette,\n          (value as string).slice('palette.'.length),\n        ) as string;\n\n      return [name, value];\n    }),\n  );\n\n  const calculatedBackgroundColor = tinycolor\n    .mix(\n      (definition.backgroundColor ?? '') as string,\n      tinycolor((definition.backgroundColor ?? '') as string).isLight()\n        ? palette.action[actualState].light\n        : palette.action[actualState].dark,\n      100 * opacity,\n    )\n    .toRgbString();\n\n  return palette.buildColorsObject({\n    ...(definition.backgroundColor\n      ? {\n          backgroundColor:\n            state === 'checked'\n              ? definition.backgroundColor ?? ''\n              : calculatedBackgroundColor,\n          color:\n            state === 'checked'\n              ? tinycolor\n                  .mix(\n                    tinycolor((definition.color ?? 'black') as string),\n                    tinycolor(palette.action.selected.dark),\n                    100 * palette.action.selectedOpacity,\n                  )\n                  .toRgbString()\n              : palette.getContrastText(calculatedBackgroundColor),\n        }\n      : null),\n    ...(definition.borderColor\n      ? {\n          borderColor: tinycolor\n            .mix(\n              definition.borderColor as string,\n              tinycolor(definition.borderColor as string).isLight()\n                ? palette.action[actualState].light\n                : palette.action[actualState].dark,\n              100 * opacity,\n            )\n            .toRgbString(),\n        }\n      : null),\n  });\n};\nexport default getColorState;\n"],"names":[],"mappings":";;;AAeA,MAAM,aAAiC,GAAA,CAAC,UAAY,EAAA,KAAA,EAAO,OAAY,KAAA;AACrE,EAAA,IAAI,KAAU,KAAA,SAAA;AAAW,IAAO,OAAA,OAAA,CAAQ,kBAAkB,UAAU,CAAA,CAAA;AAEpE,EAAA,MAAM,OAAkB,GAAA,OAAA,CAAQ,MAC9B,CAAA,CAAA,EAAG,KAAK,CACV,OAAA,CAAA,CAAA,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,KAAU,KAAA,SAAA,GAAY,UAAa,GAAA,KAAA,CAAA;AAGvD,EAAA,UAAA,GAAa,MAAO,CAAA,WAAA;AAAA,IAClB,MAAA,CAAO,QAAQ,UAAU,CAAA,CAAE,IAAI,CAAC,CAAC,IAAM,EAAA,KAAK,CAAM,KAAA;AAChD,MACE,IAAA;AAAA,QACE,iBAAA;AAAA,QACA,aAAA;AAAA,QACA,iBAAA;AAAA,QACA,kBAAA;AAAA,QACA,mBAAA;AAAA,QACA,gBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAS,CAAA,IAAI,MACb,KAAS,IAAA,EAAA,EAAe,WAAW,SAAS,CAAA;AAG9C,QAAQ,KAAA,GAAA,cAAA;AAAA,UACN,OAAA;AAAA,UACC,KAAA,CAAiB,KAAM,CAAA,UAAA,CAAW,MAAM,CAAA;AAAA,SAC3C,CAAA;AAEF,MAAO,OAAA,CAAC,MAAM,KAAK,CAAA,CAAA;AAAA,KACpB,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,4BAA4B,SAC/B,CAAA,GAAA;AAAA,IACE,WAAW,eAAmB,IAAA,EAAA;AAAA,IAC/B,SAAW,CAAA,UAAA,CAAW,eAAmB,IAAA,EAAa,EAAE,OAAQ,EAAA,GAC5D,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,KAAA,GAC5B,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,IAAA;AAAA,IAChC,GAAM,GAAA,OAAA;AAAA,IAEP,WAAY,EAAA,CAAA;AAEf,EAAA,OAAO,QAAQ,iBAAkB,CAAA;AAAA,IAC/B,GAAI,WAAW,eACX,GAAA;AAAA,MACE,eACE,EAAA,KAAA,KAAU,SACN,GAAA,UAAA,CAAW,mBAAmB,EAC9B,GAAA,yBAAA;AAAA,MACN,KAAA,EACE,KAAU,KAAA,SAAA,GACN,SACG,CAAA,GAAA;AAAA,QACC,SAAA,CAAW,UAAW,CAAA,KAAA,IAAS,OAAkB,CAAA;AAAA,QACjD,SAAU,CAAA,OAAA,CAAQ,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,QACtC,GAAA,GAAM,QAAQ,MAAO,CAAA,eAAA;AAAA,OAEtB,CAAA,WAAA,EACH,GAAA,OAAA,CAAQ,gBAAgB,yBAAyB,CAAA;AAAA,KAEzD,GAAA,IAAA;AAAA,IACJ,GAAI,WAAW,WACX,GAAA;AAAA,MACE,aAAa,SACV,CAAA,GAAA;AAAA,QACC,UAAW,CAAA,WAAA;AAAA,QACX,SAAU,CAAA,UAAA,CAAW,WAAqB,CAAA,CAAE,SACxC,GAAA,OAAA,CAAQ,MAAO,CAAA,WAAW,CAAE,CAAA,KAAA,GAC5B,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,IAAA;AAAA,QAChC,GAAM,GAAA,OAAA;AAAA,QAEP,WAAY,EAAA;AAAA,KAEjB,GAAA,IAAA;AAAA,GACL,CAAA,CAAA;AACH;;;;"}

package/dist/base/colors/util/getColorStates.d.ts

@@ -1,11 +0,0 @@
-import { TStatesRetriever } from '../types.js';
-
-/**
- * Con este método es posible construir un objeto con las propiedades
- * necesarias para aplicar los colores correspondientes a los estados deseados
- * a partir de la definición provista.
- */
-declare const getColorStates: TStatesRetriever;
-
-export { getColorStates as default };
-//# sourceMappingURL=getColorStates.d.ts.map

package/dist/base/colors/util/getColorStates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getColorStates.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base/colors/util/getColorStates.js

@@ -1,30 +0,0 @@
-import buildStateObject from './buildStateObject.js';
-import getColorState from './getColorState.js';
-
-const getColorStates = (definition, palette, states) => {
-  return {
-    ...states?.default !== false ? definition : null,
-    ...states?.checked !== false ? buildStateObject(
-      getColorState(definition, "checked", palette),
-      "checked"
-    ) : null,
-    ...buildStateObject(getColorState(definition, "focus", palette), "focus"),
-    ...states?.selected !== false ? buildStateObject(
-      getColorState(definition, "selected", palette),
-      "selected"
-    ) : null,
-    ...states?.hover !== false ? buildStateObject(getColorState(definition, "hover", palette), "hover") : null,
-    ...states?.active !== false ? buildStateObject(getColorState(definition, "active", palette), "active") : null,
-    ...states?.disabled !== false ? buildStateObject(
-      getColorState(definition, "disabled", palette),
-      "disabled"
-    ) : null,
-    ...states?.readonly !== false ? buildStateObject(
-      getColorState(definition, "readonly", palette),
-      "readonly"
-    ) : null
-  };
-};
-
-export { getColorStates as default };
-//# sourceMappingURL=getColorStates.js.map

package/dist/base/colors/util/getColorStates.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getColorStates.js","sources":["../../../../src/base/colors/util/getColorStates.ts"],"sourcesContent":["import { TStatesRetriever } from '../types';\nimport buildStateObject from './buildStateObject';\nimport getColorState from './getColorState';\n\n/**\n * Con este método es posible construir un objeto con las propiedades\n * necesarias para aplicar los colores correspondientes a los estados deseados\n * a partir de la definición provista.\n */\nconst getColorStates: TStatesRetriever = (definition, palette, states) => {\n  return {\n    ...(states?.default !== false ? definition : null),\n    ...(states?.checked !== false\n      ? buildStateObject(\n          getColorState(definition, 'checked', palette),\n          'checked',\n        )\n      : null),\n    ...buildStateObject(getColorState(definition, 'focus', palette), 'focus'),\n    ...(states?.selected !== false\n      ? buildStateObject(\n          getColorState(definition, 'selected', palette),\n          'selected',\n        )\n      : null),\n    ...(states?.hover !== false\n      ? buildStateObject(getColorState(definition, 'hover', palette), 'hover')\n      : null),\n    ...(states?.active !== false\n      ? buildStateObject(getColorState(definition, 'active', palette), 'active')\n      : null),\n    ...(states?.disabled !== false\n      ? buildStateObject(\n          getColorState(definition, 'disabled', palette),\n          'disabled',\n        )\n      : null),\n    ...(states?.readonly !== false\n      ? buildStateObject(\n          getColorState(definition, 'readonly', palette),\n          'readonly',\n        )\n      : null),\n  };\n};\n\nexport default getColorStates;\n"],"names":[],"mappings":";;;AASA,MAAM,cAAmC,GAAA,CAAC,UAAY,EAAA,OAAA,EAAS,MAAW,KAAA;AACxE,EAAO,OAAA;AAAA,IACL,GAAI,MAAA,EAAQ,OAAY,KAAA,KAAA,GAAQ,UAAa,GAAA,IAAA;AAAA,IAC7C,GAAI,MAAQ,EAAA,OAAA,KAAY,KACpB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,SAAA,EAAW,OAAO,CAAA;AAAA,MAC5C,SAAA;AAAA,KAEF,GAAA,IAAA;AAAA,IACJ,GAAG,gBAAiB,CAAA,aAAA,CAAc,YAAY,OAAS,EAAA,OAAO,GAAG,OAAO,CAAA;AAAA,IACxE,GAAI,MAAQ,EAAA,QAAA,KAAa,KACrB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA;AAAA,MAC7C,UAAA;AAAA,KAEF,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,KAAA,KAAU,KAClB,GAAA,gBAAA,CAAiB,aAAc,CAAA,UAAA,EAAY,OAAS,EAAA,OAAO,CAAG,EAAA,OAAO,CACrE,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,MAAA,KAAW,KACnB,GAAA,gBAAA,CAAiB,aAAc,CAAA,UAAA,EAAY,QAAU,EAAA,OAAO,CAAG,EAAA,QAAQ,CACvE,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,QAAA,KAAa,KACrB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA;AAAA,MAC7C,UAAA;AAAA,KAEF,GAAA,IAAA;AAAA,IACJ,GAAI,MAAQ,EAAA,QAAA,KAAa,KACrB,GAAA,gBAAA;AAAA,MACE,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA;AAAA,MAC7C,UAAA;AAAA,KAEF,GAAA,IAAA;AAAA,GACN,CAAA;AACF;;;;"}

package/dist/base/colors/util/getColorsAndStatesByDefinition.d.ts

@@ -1,12 +0,0 @@
-import { ThemeUICSSObject } from 'theme-ui';
-import { TGetColorStateDefinition, TParsedPalette } from '../types.js';
-import { TGetColorsAndStatesOptions } from './getColorsAndStatesByPath.js';
-
-/**
- * Esta función calcula los colores de los estados a partir de la definición
- * pasada.
- */
-declare function getColorsAndStatesByDefinition(definition: Partial<TGetColorStateDefinition>, palette: TParsedPalette, options?: TGetColorsAndStatesOptions): ThemeUICSSObject;
-
-export { getColorsAndStatesByDefinition as default };
-//# sourceMappingURL=getColorsAndStatesByDefinition.d.ts.map

package/dist/base/colors/util/getColorsAndStatesByDefinition.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getColorsAndStatesByDefinition.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/base/colors/util/getColorsAndStatesByDefinition.js

@@ -1,28 +0,0 @@
-import merge from 'lodash-es/merge';
-import buildStateObject from './buildStateObject.js';
-import getColorsByDefinition from './getColorsByDefinition.js';
-import getColorState from './getColorState.js';
-
-function getColorsAndStatesByDefinition(definition, palette, options) {
-  const active = getColorState(definition, "active", palette);
-  const checked = getColorState(definition, "checked", palette);
-  const disabled = getColorState(definition, "disabled", palette);
-  const focus = options?.states?.focus ? getColorState(definition, "focus", palette) : {};
-  const hover = getColorState(definition, "hover", palette);
-  const readonly = getColorState(definition, "readonly", palette);
-  const selected = getColorState(definition, "selected", palette);
-  return merge(
-    options?.states?.default !== false ? getColorsByDefinition(definition) : null,
-    options?.states?.checked !== false ? buildStateObject(checked, "checked") : {},
-    options?.states?.focus !== false ? buildStateObject(focus, "focus") : {},
-    options?.states?.hover !== false ? buildStateObject(hover, "hover") : {},
-    options?.states?.active !== false ? buildStateObject(active, "active") : {},
-    options?.states?.selected !== false ? buildStateObject(selected, "selected") : {},
-    options?.states?.disabled !== false ? buildStateObject(disabled, "disabled") : {},
-    options?.states?.readonly !== false ? buildStateObject(readonly, "readonly") : {},
-    options?.mergeObject
-  );
-}
-
-export { getColorsAndStatesByDefinition as default };
-//# sourceMappingURL=getColorsAndStatesByDefinition.js.map

package/dist/base/colors/util/getColorsAndStatesByDefinition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getColorsAndStatesByDefinition.js","sources":["../../../../src/base/colors/util/getColorsAndStatesByDefinition.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport { ThemeUICSSObject } from 'theme-ui';\nimport { TGetColorStateDefinition, TParsedPalette } from '../types';\nimport buildStateObject from './buildStateObject';\nimport { TGetColorsAndStatesOptions } from './getColorsAndStatesByPath';\nimport getColorsByDefinition from './getColorsByDefinition';\nimport getColorState from './getColorState';\n\n/**\n * Esta función calcula los colores de los estados a partir de la definición\n * pasada.\n */\nexport default function getColorsAndStatesByDefinition(\n  definition: Partial<TGetColorStateDefinition>,\n\n  palette: TParsedPalette,\n  options?: TGetColorsAndStatesOptions,\n) {\n  const active = getColorState(definition, 'active', palette);\n  const checked = getColorState(definition, 'checked', palette);\n  const disabled = getColorState(definition, 'disabled', palette);\n  const focus = options?.states?.focus\n    ? getColorState(definition, 'focus', palette)\n    : {};\n  const hover = getColorState(definition, 'hover', palette);\n  const readonly = getColorState(definition, 'readonly', palette);\n  const selected = getColorState(definition, 'selected', palette);\n\n  return merge(\n    options?.states?.default !== false\n      ? getColorsByDefinition(definition)\n      : null,\n    options?.states?.checked !== false\n      ? buildStateObject(checked, 'checked')\n      : {},\n    options?.states?.focus !== false ? buildStateObject(focus, 'focus') : {},\n    options?.states?.hover !== false ? buildStateObject(hover, 'hover') : {},\n    options?.states?.active !== false ? buildStateObject(active, 'active') : {},\n    options?.states?.selected !== false\n      ? buildStateObject(selected, 'selected')\n      : {},\n    options?.states?.disabled !== false\n      ? buildStateObject(disabled, 'disabled')\n      : {},\n    options?.states?.readonly !== false\n      ? buildStateObject(readonly, 'readonly')\n      : {},\n    options?.mergeObject,\n  ) as ThemeUICSSObject;\n}\n"],"names":[],"mappings":";;;;;AAYwB,SAAA,8BAAA,CACtB,UAEA,EAAA,OAAA,EACA,OACA,EAAA;AACA,EAAA,MAAM,MAAS,GAAA,aAAA,CAAc,UAAY,EAAA,QAAA,EAAU,OAAO,CAAA,CAAA;AAC1D,EAAA,MAAM,OAAU,GAAA,aAAA,CAAc,UAAY,EAAA,SAAA,EAAW,OAAO,CAAA,CAAA;AAC5D,EAAA,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAC9D,EAAM,MAAA,KAAA,GAAQ,SAAS,MAAQ,EAAA,KAAA,GAC3B,cAAc,UAAY,EAAA,OAAA,EAAS,OAAO,CAAA,GAC1C,EAAC,CAAA;AACL,EAAA,MAAM,KAAQ,GAAA,aAAA,CAAc,UAAY,EAAA,OAAA,EAAS,OAAO,CAAA,CAAA;AACxD,EAAA,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAC9D,EAAA,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,UAAA,EAAY,OAAO,CAAA,CAAA;AAE9D,EAAO,OAAA,KAAA;AAAA,IACL,SAAS,MAAQ,EAAA,OAAA,KAAY,KACzB,GAAA,qBAAA,CAAsB,UAAU,CAChC,GAAA,IAAA;AAAA,IACJ,OAAA,EAAS,QAAQ,OAAY,KAAA,KAAA,GACzB,iBAAiB,OAAS,EAAA,SAAS,IACnC,EAAC;AAAA,IACL,OAAA,EAAS,QAAQ,KAAU,KAAA,KAAA,GAAQ,iBAAiB,KAAO,EAAA,OAAO,IAAI,EAAC;AAAA,IACvE,OAAA,EAAS,QAAQ,KAAU,KAAA,KAAA,GAAQ,iBAAiB,KAAO,EAAA,OAAO,IAAI,EAAC;AAAA,IACvE,OAAA,EAAS,QAAQ,MAAW,KAAA,KAAA,GAAQ,iBAAiB,MAAQ,EAAA,QAAQ,IAAI,EAAC;AAAA,IAC1E,OAAA,EAAS,QAAQ,QAAa,KAAA,KAAA,GAC1B,iBAAiB,QAAU,EAAA,UAAU,IACrC,EAAC;AAAA,IACL,OAAA,EAAS,QAAQ,QAAa,KAAA,KAAA,GAC1B,iBAAiB,QAAU,EAAA,UAAU,IACrC,EAAC;AAAA,IACL,OAAA,EAAS,QAAQ,QAAa,KAAA,KAAA,GAC1B,iBAAiB,QAAU,EAAA,UAAU,IACrC,EAAC;AAAA,IACL,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}

package/dist/base/colors/util/getColorsAndStatesByPath.d.ts

@@ -1,25 +0,0 @@
-import { ThemeUICSSObject } from 'theme-ui';
-
-interface TGetColorsAndStatesOptions {
-    mergeObject?: Record<string, any>;
-    states?: {
-        active?: boolean;
-        checked?: boolean;
-        default?: boolean;
-        disabled?: boolean;
-        focus?: boolean;
-        hover?: boolean;
-        readonly?: boolean;
-        path?: boolean;
-        selected?: boolean;
-    };
-}
-/**
- * Esta función es útil para devolver los estados calculados por la aplicación
- * dentro del objeto colors de ThemeUI. Si se desea calcular los estados en
- * base a un color, se debe utilizar el método getColorsAndStatesByColor.
- */
-declare function getColorsAndStatesByPath(incomingPath: string, options?: TGetColorsAndStatesOptions): Record<string, ThemeUICSSObject>;
-
-export { type TGetColorsAndStatesOptions, getColorsAndStatesByPath as default };
-//# sourceMappingURL=getColorsAndStatesByPath.d.ts.map

package/dist/base/colors/util/getColorsAndStatesByPath.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getColorsAndStatesByPath.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}