@apia/theme 3.0.1 → 3.0.2

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

@@ -1,36 +0,0 @@
-import merge from 'lodash-es/merge';
-import buildStateObject from './buildStateObject.js';
-import getColorsByPath from './getColorsByPath.js';
-
-function getColorsAndStatesByPath(incomingPath, options) {
-  const active = getColorsByPath(`${incomingPath}.active`, options);
-  const checked = getColorsByPath(`${incomingPath}.checked`, options);
-  const disabled = {
-    cursor: "not-allowed",
-    ...getColorsByPath(`${incomingPath}.disabled`, options)
-  };
-  const hover = getColorsByPath(`${incomingPath}.hover`, options);
-  const focus = options?.states?.focus !== false ? getColorsByPath(`${incomingPath}.focus`, options) : {};
-  const readonly = {
-    cursor: "notAllowed",
-    ...getColorsByPath(`${incomingPath}.readonly`, options)
-  };
-  const selected = getColorsByPath(`${incomingPath}.selected`, options);
-  return merge(
-    {
-      ...options?.states?.default !== false ? getColorsByPath(incomingPath, options) : null,
-      ...options?.states?.checked !== false ? buildStateObject(checked, "checked") : null,
-      ...buildStateObject(focus, "focus"),
-      ...options?.states?.hover !== false ? buildStateObject(hover, "hover") : null,
-      ...options?.states?.selected !== false ? buildStateObject(selected, "selected") : null,
-      ...options?.states?.active !== false ? buildStateObject(active, "active") : null,
-      ...options?.states?.disabled !== false ? buildStateObject(disabled, "disabled") : null,
-      ...options?.states?.readonly !== false ? buildStateObject(readonly, "readonly") : null,
-      ...options?.states?.path !== false ? { path: { fill: `currentColor` } } : null
-    },
-    options?.mergeObject
-  );
-}
-
-export { getColorsAndStatesByPath as default };
-//# sourceMappingURL=getColorsAndStatesByPath.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getColorsAndStatesByPath.js","sources":["../../../../src/base/colors/util/getColorsAndStatesByPath.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport merge from 'lodash-es/merge';\nimport buildStateObject from './buildStateObject';\nimport getColorsByPath from './getColorsByPath';\n// import buildColorsObject from './buildColorsObject';\n// import getColorState from './getColorState';\n\nexport interface TGetColorsAndStatesOptions {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  mergeObject?: Record<string, any>;\n  states?: {\n    active?: boolean;\n    checked?: boolean;\n    default?: boolean;\n    disabled?: boolean;\n    focus?: boolean;\n    hover?: boolean;\n    readonly?: boolean;\n    path?: boolean;\n    selected?: boolean;\n  };\n}\n\n/**\n * Esta función es útil para devolver los estados calculados por la aplicación\n * dentro del objeto colors de ThemeUI. Si se desea calcular los estados en\n * base a un color, se debe utilizar el método getColorsAndStatesByColor.\n */\nexport default function getColorsAndStatesByPath(\n  incomingPath: string,\n  options?: TGetColorsAndStatesOptions,\n) {\n  const active = getColorsByPath(`${incomingPath}.active`, options);\n  const checked = getColorsByPath(`${incomingPath}.checked`, options);\n  const disabled = {\n    cursor: 'not-allowed',\n    ...getColorsByPath(`${incomingPath}.disabled`, options),\n  };\n  const hover = getColorsByPath(`${incomingPath}.hover`, options);\n  const focus =\n    options?.states?.focus !== false\n      ? getColorsByPath(`${incomingPath}.focus`, options)\n      : {};\n  const readonly = {\n    cursor: 'notAllowed',\n    ...getColorsByPath(`${incomingPath}.readonly`, options),\n  };\n  const selected = getColorsByPath(`${incomingPath}.selected`, options);\n\n  return merge(\n    {\n      ...(options?.states?.default !== false\n        ? getColorsByPath(incomingPath, options)\n        : null),\n      ...(options?.states?.checked !== false\n        ? buildStateObject(checked, 'checked')\n        : null),\n      ...buildStateObject(focus, 'focus'),\n      ...(options?.states?.hover !== false\n        ? buildStateObject(hover, 'hover')\n        : null),\n      ...(options?.states?.selected !== false\n        ? buildStateObject(selected, 'selected')\n        : null),\n      ...(options?.states?.active !== false\n        ? buildStateObject(active, 'active')\n        : null),\n      ...(options?.states?.disabled !== false\n        ? buildStateObject(disabled, 'disabled')\n        : null),\n      ...(options?.states?.readonly !== false\n        ? buildStateObject(readonly, 'readonly')\n        : null),\n      ...(options?.states?.path !== false\n        ? { path: { fill: `currentColor` } }\n        : null),\n    },\n    options?.mergeObject,\n  ) as Record<string, ThemeUICSSObject>;\n}\n"],"names":[],"mappings":";;;;AA4BwB,SAAA,wBAAA,CACtB,cACA,OACA,EAAA;AACA,EAAA,MAAM,MAAS,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,WAAW,OAAO,CAAA,CAAA;AAChE,EAAA,MAAM,OAAU,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,YAAY,OAAO,CAAA,CAAA;AAClE,EAAA,MAAM,QAAW,GAAA;AAAA,IACf,MAAQ,EAAA,aAAA;AAAA,IACR,GAAG,eAAA,CAAgB,CAAG,EAAA,YAAY,aAAa,OAAO,CAAA;AAAA,GACxD,CAAA;AACA,EAAA,MAAM,KAAQ,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,UAAU,OAAO,CAAA,CAAA;AAC9D,EAAM,MAAA,KAAA,GACJ,OAAS,EAAA,MAAA,EAAQ,KAAU,KAAA,KAAA,GACvB,eAAgB,CAAA,CAAA,EAAG,YAAY,CAAA,MAAA,CAAA,EAAU,OAAO,CAAA,GAChD,EAAC,CAAA;AACP,EAAA,MAAM,QAAW,GAAA;AAAA,IACf,MAAQ,EAAA,YAAA;AAAA,IACR,GAAG,eAAA,CAAgB,CAAG,EAAA,YAAY,aAAa,OAAO,CAAA;AAAA,GACxD,CAAA;AACA,EAAA,MAAM,QAAW,GAAA,eAAA,CAAgB,CAAG,EAAA,YAAY,aAAa,OAAO,CAAA,CAAA;AAEpE,EAAO,OAAA,KAAA;AAAA,IACL;AAAA,MACE,GAAI,SAAS,MAAQ,EAAA,OAAA,KAAY,QAC7B,eAAgB,CAAA,YAAA,EAAc,OAAO,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,OAAA,KAAY,QAC7B,gBAAiB,CAAA,OAAA,EAAS,SAAS,CACnC,GAAA,IAAA;AAAA,MACJ,GAAG,gBAAiB,CAAA,KAAA,EAAO,OAAO,CAAA;AAAA,MAClC,GAAI,SAAS,MAAQ,EAAA,KAAA,KAAU,QAC3B,gBAAiB,CAAA,KAAA,EAAO,OAAO,CAC/B,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,QAAA,KAAa,QAC9B,gBAAiB,CAAA,QAAA,EAAU,UAAU,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,MAAA,KAAW,QAC5B,gBAAiB,CAAA,MAAA,EAAQ,QAAQ,CACjC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,QAAA,KAAa,QAC9B,gBAAiB,CAAA,QAAA,EAAU,UAAU,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,SAAS,MAAQ,EAAA,QAAA,KAAa,QAC9B,gBAAiB,CAAA,QAAA,EAAU,UAAU,CACrC,GAAA,IAAA;AAAA,MACJ,GAAI,OAAS,EAAA,MAAA,EAAQ,IAAS,KAAA,KAAA,GAC1B,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,CAAe,YAAA,CAAA,EAAA,EAC/B,GAAA,IAAA;AAAA,KACN;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}

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

@@ -1,24 +0,0 @@
-import { TGetColorStateDefinition } from '../types.js';
-
-/**
- * Esta función arma un objeto con los colores que se deben aplicar para
- * garantizar que el resultado sea el esperado, por ejemplo, al aplicar un
- * color a un border. Esto es así ya que en ThemeUI hay situaciones en las que
- * si no se aplican el color de borde a cada uno de los lados, no se aplica el
- * color deseado.
- *
- * Ejemplo de lo antedicho es:
- *
- * borderRight: '1px solid',
- * borderColor: 'red'.
- *
- * En este caso, el borde derecho no será rojo como se espera, ya que la
- * propiedad borderRight aplicará un borderRightColor: 'initial', que solamente
- * puede ser reescrito por borderRightColor: 'red'.
- */
-declare function getColorsByDefinition(definition: Partial<TGetColorStateDefinition>, options?: {
-    mergeObject?: Record<string, any>;
-}): TGetColorStateDefinition & Record<string, any>;
-
-export { getColorsByDefinition as default };
-//# sourceMappingURL=getColorsByDefinition.d.ts.map

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

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

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

@@ -1,18 +0,0 @@
-import merge from 'lodash-es/merge';
-import buildColorsObject from './buildColorsObject.js';
-
-function getColorsByDefinition(definition, options) {
-  return merge(
-    buildColorsObject({
-      ...definition.color ? { color: definition.color } : null,
-      ...definition.backgroundColor ? { backgroundColor: definition.backgroundColor } : null,
-      ...definition.borderColor ? {
-        borderColor: definition.borderColor
-      } : null
-    }),
-    options?.mergeObject
-  );
-}
-
-export { getColorsByDefinition as default };
-//# sourceMappingURL=getColorsByDefinition.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getColorsByDefinition.js","sources":["../../../../src/base/colors/util/getColorsByDefinition.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport { TGetColorStateDefinition } from '../types';\nimport buildColorsObject from './buildColorsObject';\n\n/**\n * Esta función arma un objeto con los colores que se deben aplicar para\n * garantizar que el resultado sea el esperado, por ejemplo, al aplicar un\n * color a un border. Esto es así ya que en ThemeUI hay situaciones en las que\n * si no se aplican el color de borde a cada uno de los lados, no se aplica el\n * color deseado.\n *\n * Ejemplo de lo antedicho es:\n *\n * borderRight: '1px solid',\n * borderColor: 'red'.\n *\n * En este caso, el borde derecho no será rojo como se espera, ya que la\n * propiedad borderRight aplicará un borderRightColor: 'initial', que solamente\n * puede ser reescrito por borderRightColor: 'red'.\n */\nexport default function getColorsByDefinition(\n  definition: Partial<TGetColorStateDefinition>,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  options?: { mergeObject?: Record<string, any> },\n) {\n  return merge(\n    buildColorsObject({\n      ...(definition.color ? { color: definition.color } : null),\n      ...(definition.backgroundColor\n        ? { backgroundColor: definition.backgroundColor }\n        : null),\n      ...(definition.borderColor\n        ? {\n            borderColor: definition.borderColor,\n          }\n        : null),\n    }),\n    options?.mergeObject,\n  );\n}\n"],"names":[],"mappings":";;;AAoBwB,SAAA,qBAAA,CACtB,YAEA,OACA,EAAA;AACA,EAAO,OAAA,KAAA;AAAA,IACL,iBAAkB,CAAA;AAAA,MAChB,GAAI,UAAW,CAAA,KAAA,GAAQ,EAAE,KAAO,EAAA,UAAA,CAAW,OAAU,GAAA,IAAA;AAAA,MACrD,GAAI,UAAW,CAAA,eAAA,GACX,EAAE,eAAiB,EAAA,UAAA,CAAW,iBAC9B,GAAA,IAAA;AAAA,MACJ,GAAI,WAAW,WACX,GAAA;AAAA,QACE,aAAa,UAAW,CAAA,WAAA;AAAA,OAE1B,GAAA,IAAA;AAAA,KACL,CAAA;AAAA,IACD,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}

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

@@ -1,17 +0,0 @@
-import { TGetColorStateDefinition } from '../types.js';
-
-/**
- * Esta función NO CALCULA ningún color, simplemente devuelve un objeto con las
- * rutas de color con el formato de ThemeUI. Es útil cuando se desea aplicar
- * colores definidos en el objeto colors.
- *
- * Si se desea generar un objeto con los colores a partir de una definición de
- * colores del tipo TGetColorStateDefinition se debe utilizar el método
- * getColorsByDefinition.
- */
-declare function getColorsByPath(path: string, options?: {
-    mergeObject?: Record<string, any>;
-}): TGetColorStateDefinition & Record<string, any>;
-
-export { getColorsByPath as default };
-//# sourceMappingURL=getColorsByPath.d.ts.map

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

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

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

@@ -1,16 +0,0 @@
-import merge from 'lodash-es/merge';
-import buildColorsObject from './buildColorsObject.js';
-
-function getColorsByPath(path, options) {
-  return merge(
-    buildColorsObject({
-      color: `${path}.color`,
-      backgroundColor: `${path}.backgroundColor`,
-      borderColor: `${path}.borderColor`
-    }),
-    options?.mergeObject
-  );
-}
-
-export { getColorsByPath as default };
-//# sourceMappingURL=getColorsByPath.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getColorsByPath.js","sources":["../../../../src/base/colors/util/getColorsByPath.ts"],"sourcesContent":["import merge from 'lodash-es/merge';\nimport buildColorsObject from './buildColorsObject';\n\n/**\n * Esta función NO CALCULA ningún color, simplemente devuelve un objeto con las\n * rutas de color con el formato de ThemeUI. Es útil cuando se desea aplicar\n * colores definidos en el objeto colors.\n *\n * Si se desea generar un objeto con los colores a partir de una definición de\n * colores del tipo TGetColorStateDefinition se debe utilizar el método\n * getColorsByDefinition.\n */\nexport default function getColorsByPath(\n  path: string,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  options?: { mergeObject?: Record<string, any> },\n) {\n  return merge(\n    buildColorsObject({\n      color: `${path}.color`,\n      backgroundColor: `${path}.backgroundColor`,\n      borderColor: `${path}.borderColor`,\n    }),\n    options?.mergeObject,\n  );\n}\n"],"names":[],"mappings":";;;AAYwB,SAAA,eAAA,CACtB,MAEA,OACA,EAAA;AACA,EAAO,OAAA,KAAA;AAAA,IACL,iBAAkB,CAAA;AAAA,MAChB,KAAA,EAAO,GAAG,IAAI,CAAA,MAAA,CAAA;AAAA,MACd,eAAA,EAAiB,GAAG,IAAI,CAAA,gBAAA,CAAA;AAAA,MACxB,WAAA,EAAa,GAAG,IAAI,CAAA,YAAA,CAAA;AAAA,KACrB,CAAA;AAAA,IACD,OAAS,EAAA,WAAA;AAAA,GACX,CAAA;AACF;;;;"}

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

@@ -1,15 +0,0 @@
-import { TColorStateRetriever } from '../types.js';
-
-/**
-
- * Este método acepta un color y aplica el estado pasado como segundo
-
- * parámetro. De esta forma se puede obtener el color correspondiente al estado
-
- * calculado automáticamente por la aplicación.
-
- */
-declare const getOneColorState: TColorStateRetriever;
-
-export { getOneColorState as default };
-//# sourceMappingURL=getOneColorState.d.ts.map

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

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

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

@@ -1,18 +0,0 @@
-import tinycolor from 'tinycolor2';
-
-const getOneColorState = (color, state, palette) => {
-  if (typeof color !== "string")
-    return "";
-  if (state === "default")
-    return color;
-  const actualState = state === "checked" ? "selected" : state;
-  const opacity = palette.action[`${state}Opacity`];
-  return tinycolor.mix(
-    color,
-    tinycolor(color).isLight() ? palette.action[actualState].light : palette.action[actualState].dark,
-    100 * opacity
-  ).toRgbString();
-};
-
-export { getOneColorState as default };
-//# sourceMappingURL=getOneColorState.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"getOneColorState.js","sources":["../../../../src/base/colors/util/getOneColorState.ts"],"sourcesContent":["import tinycolor from 'tinycolor2';\n\nimport { TColorStateRetriever, TActionDefinition } from '../types';\n\n/**\n\n * Este método acepta un color y aplica el estado pasado como segundo\n\n * parámetro. De esta forma se puede obtener el color correspondiente al estado\n\n * calculado automáticamente por la aplicación.\n\n */\n\nconst getOneColorState: TColorStateRetriever = (color, state, palette) => {\n  if (typeof color !== 'string') return '';\n  if (state === 'default') return color;\n\n  const actualState = state === 'checked' ? 'selected' : state;\n\n  const opacity: number = palette.action[\n    `${state}Opacity` as keyof TActionDefinition\n  ] as number;\n\n  return tinycolor\n\n    .mix(\n      color,\n\n      tinycolor(color).isLight()\n        ? palette.action[actualState].light\n        : palette.action[actualState].dark,\n\n      100 * opacity,\n    )\n\n    .toRgbString();\n};\n\nexport default getOneColorState;\n"],"names":[],"mappings":";;AAcA,MAAM,gBAAyC,GAAA,CAAC,KAAO,EAAA,KAAA,EAAO,OAAY,KAAA;AACxE,EAAA,IAAI,OAAO,KAAU,KAAA,QAAA;AAAU,IAAO,OAAA,EAAA,CAAA;AACtC,EAAA,IAAI,KAAU,KAAA,SAAA;AAAW,IAAO,OAAA,KAAA,CAAA;AAEhC,EAAM,MAAA,WAAA,GAAc,KAAU,KAAA,SAAA,GAAY,UAAa,GAAA,KAAA,CAAA;AAEvD,EAAA,MAAM,OAAkB,GAAA,OAAA,CAAQ,MAC9B,CAAA,CAAA,EAAG,KAAK,CACV,OAAA,CAAA,CAAA,CAAA;AAEA,EAAA,OAAO,SAEJ,CAAA,GAAA;AAAA,IACC,KAAA;AAAA,IAEA,SAAU,CAAA,KAAK,CAAE,CAAA,OAAA,EACb,GAAA,OAAA,CAAQ,MAAO,CAAA,WAAW,CAAE,CAAA,KAAA,GAC5B,OAAQ,CAAA,MAAA,CAAO,WAAW,CAAE,CAAA,IAAA;AAAA,IAEhC,GAAM,GAAA,OAAA;AAAA,IAGP,WAAY,EAAA,CAAA;AACjB;;;;"}

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

@@ -1,6 +0,0 @@
-import { TCustomPalette, TParsedPalette } from '../types.js';
-
-declare function parsePalette(palette: TCustomPalette): TParsedPalette;
-
-export { parsePalette as default };
-//# sourceMappingURL=parsePalette.d.ts.map

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

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

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

@@ -1,124 +0,0 @@
-import cloneDeep from 'lodash-es/cloneDeep';
-import { isColorDefinition } from '../types.js';
-import { defaultLighten, defaultDarken, defaultGetContrastText } from '../util.js';
-import applyStatesGetColor from './applyStatesGetColor.js';
-import buildStateObject from './buildStateObject.js';
-import getColorsAndStatesByPath from './getColorsAndStatesByPath.js';
-import getColorState from './getColorState.js';
-import getColorStates from './getColorStates.js';
-import getOneColorState from './getOneColorState.js';
-import buildColorsObject from './buildColorsObject.js';
-import applyStates from './applyStates.js';
-import getColorsAndStatesByDefinition from './getColorsAndStatesByDefinition.js';
-import { getSelectedColors } from '../index.js';
-import getColorsByPath from './getColorsByPath.js';
-
-function paletteFunction(callback) {
-  return (...args) => {
-    const firstParameter = args[0];
-    let isFirstParameterATheme = false;
-    const themeProps = [
-      "fontSizes",
-      "breakpoints",
-      "fonts",
-      "lineHeights",
-      "letterSpacings",
-      "radii",
-      "zIndices",
-      "useRootStyles"
-    ];
-    if (firstParameter instanceof Object && firstParameter !== null) {
-      const firstParameterKeys = Object.keys(firstParameter);
-      for (const key of firstParameterKeys) {
-        if (themeProps.includes(key)) {
-          isFirstParameterATheme = true;
-          break;
-        }
-      }
-    }
-    if (isFirstParameterATheme) ; else {
-      return callback(...args);
-    }
-  };
-}
-function parsePalette(palette) {
-  const newPalette = cloneDeep(palette);
-  newPalette.lightenColor = paletteFunction(
-    palette.lightenColor ?? ((color, ratio) => {
-      return defaultLighten(color, ratio ?? palette.lightenRatio);
-    })
-  );
-  newPalette.darkenColor = paletteFunction(
-    palette.darkenColor ?? ((color, ratio) => {
-      return defaultDarken(color, ratio ?? palette.darkenRatio);
-    })
-  );
-  newPalette.getContrastText = paletteFunction(
-    palette.getContrastText ?? defaultGetContrastText
-  );
-  Object.entries(palette).forEach(([key, value]) => {
-    const castedValue = value;
-    if (isColorDefinition(castedValue)) {
-      newPalette[key] = {
-        main: castedValue.main,
-        light: castedValue.light ?? newPalette.lightenColor(castedValue.main),
-        dark: castedValue.dark ?? newPalette.darkenColor(castedValue.main),
-        contrastText: castedValue.contrastText ?? newPalette.getContrastText(castedValue.main)
-      };
-    } else {
-      newPalette[key] = value;
-    }
-  });
-  newPalette.border.article = newPalette.border.article ?? newPalette.secondary.main;
-  newPalette.border.field = newPalette.border.field ?? newPalette.text.primary;
-  newPalette.border.section = newPalette.border.section ?? newPalette.primary.main;
-  function parseAction(action) {
-    if (typeof action === "string")
-      return {
-        dark: action,
-        light: action
-      };
-    return {
-      dark: action.dark ?? action.light,
-      light: action.light ?? action.dark
-    };
-  }
-  newPalette.action.active = parseAction(newPalette.action.active);
-  newPalette.action.disabled = parseAction(newPalette.action.disabled);
-  newPalette.action.focus = parseAction(newPalette.action.focus);
-  newPalette.action.hover = parseAction(newPalette.action.hover);
-  newPalette.action.readonly = parseAction(newPalette.action.readonly);
-  newPalette.action.selected = parseAction(newPalette.action.selected);
-  newPalette.gray = newPalette.gray ?? {};
-  for (let i = 1; i <= 18; i++) {
-    const index = Math.round((255 - 255 / 18) / 18 * i);
-    newPalette.gray[i * 50] = newPalette.gray[i * 50] ?? `rgb(${index},${index},${index})`;
-  }
-  newPalette.applyStates = paletteFunction(applyStates);
-  newPalette.buildColorsObject = paletteFunction(buildColorsObject);
-  newPalette.buildStateObject = paletteFunction(buildStateObject);
-  newPalette.getColor = paletteFunction(
-    (color, state) => getOneColorState(color, state, newPalette)
-  );
-  newPalette.getStatesForColors = paletteFunction(
-    (definition, states) => applyStatesGetColor(definition, newPalette, states)
-  );
-  newPalette.getOneState = paletteFunction(
-    (definition, state) => getColorState(definition, state, newPalette)
-  );
-  newPalette.getColorStates = paletteFunction(
-    (definition, state) => getColorStates(definition, newPalette, state)
-  );
-  newPalette.getStatesFromDefinition = paletteFunction(
-    (definition, states) => getColorsAndStatesByDefinition(definition, newPalette, states)
-  );
-  newPalette.getStatesFromPath = paletteFunction(getColorsAndStatesByPath);
-  newPalette.getSelectedColors = paletteFunction(
-    () => getSelectedColors(newPalette)
-  );
-  newPalette.getColorsByPath = paletteFunction(getColorsByPath);
-  return newPalette;
-}
-
-export { parsePalette as default };
-//# sourceMappingURL=parsePalette.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"parsePalette.js","sources":["../../../../src/base/colors/util/parsePalette.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cloneDeep from 'lodash-es/cloneDeep';\nimport {\n  TParsedPalette,\n  isColorDefinition,\n  IActionOpacity,\n  IColorDefinition,\n  TCustomPalette,\n} from '../types';\nimport { defaultLighten, defaultDarken, defaultGetContrastText } from '../util';\nimport applyStatesGetColor from './applyStatesGetColor';\nimport buildStateObject from './buildStateObject';\nimport getColorsAndStatesByPath from './getColorsAndStatesByPath';\nimport getColorState from './getColorState';\nimport getColorStates from './getColorStates';\nimport getOneColorState from './getOneColorState';\nimport buildColorsObject from './buildColorsObject';\nimport applyStates from './applyStates';\nimport getColorsAndStatesByDefinition from './getColorsAndStatesByDefinition';\nimport { getSelectedColors } from '..';\nimport getColorsByPath from './getColorsByPath';\n\nfunction paletteFunction(callback: (...args: any[]) => unknown): any {\n  return (...args: any[]) => {\n    const firstParameter = args[0];\n    let isFirstParameterATheme = false;\n\n    const themeProps = [\n      'fontSizes',\n      'breakpoints',\n      'fonts',\n      'lineHeights',\n      'letterSpacings',\n      'radii',\n      'zIndices',\n      'useRootStyles',\n    ];\n    /**\n     * In this block, I must decide if the first argument is a theme or\n     * not\n     */\n    if (firstParameter instanceof Object && firstParameter !== null) {\n      const firstParameterKeys = Object.keys(firstParameter);\n      for (const key of firstParameterKeys) {\n        if (themeProps.includes(key)) {\n          isFirstParameterATheme = true;\n          break;\n        }\n      }\n    }\n\n    if (isFirstParameterATheme) {\n      /** Do nothing */\n    } else {\n      return callback(...args);\n    }\n  };\n}\n\nexport default function parsePalette(palette: TCustomPalette) {\n  const newPalette: TParsedPalette = cloneDeep(palette) as TParsedPalette;\n\n  // Put methods\n  newPalette.lightenColor = paletteFunction(\n    palette.lightenColor ??\n      ((color: string, ratio?: number) => {\n        return defaultLighten(color, ratio ?? palette.lightenRatio);\n      }),\n  );\n  newPalette.darkenColor = paletteFunction(\n    palette.darkenColor ??\n      ((color: string, ratio?: number) => {\n        return defaultDarken(color, ratio ?? palette.darkenRatio);\n      }),\n  );\n  newPalette.getContrastText = paletteFunction(\n    palette.getContrastText ?? defaultGetContrastText,\n  );\n\n  // Fill colors\n  Object.entries(palette).forEach(([key, value]) => {\n    const castedValue = value as string | number | IColorDefinition;\n    if (isColorDefinition(castedValue)) {\n      (newPalette as Record<string, unknown>)[key] = {\n        main: castedValue.main,\n        light: castedValue.light ?? newPalette.lightenColor(castedValue.main),\n        dark: castedValue.dark ?? newPalette.darkenColor(castedValue.main),\n        contrastText:\n          castedValue.contrastText ??\n          newPalette.getContrastText(castedValue.main),\n      };\n    } else {\n      (newPalette as Record<string, unknown>)[key] = value;\n    }\n  });\n\n  // Draw borders\n  newPalette.border.article =\n    newPalette.border.article ?? newPalette.secondary.main;\n  newPalette.border.field = newPalette.border.field ?? newPalette.text.primary;\n  newPalette.border.section =\n    newPalette.border.section ?? newPalette.primary.main;\n\n  // Define actions\n  function parseAction(action: string | IActionOpacity): IActionOpacity {\n    if (typeof action === 'string')\n      return {\n        dark: action,\n        light: action,\n      };\n    return {\n      dark: action.dark ?? action.light,\n      light: action.light ?? action.dark,\n    };\n  }\n\n  newPalette.action.active = parseAction(newPalette.action.active);\n  newPalette.action.disabled = parseAction(newPalette.action.disabled);\n  newPalette.action.focus = parseAction(newPalette.action.focus);\n  newPalette.action.hover = parseAction(newPalette.action.hover);\n  newPalette.action.readonly = parseAction(newPalette.action.readonly);\n  newPalette.action.selected = parseAction(newPalette.action.selected);\n\n  newPalette.gray = newPalette.gray ?? {};\n  for (let i = 1; i <= 18; i++) {\n    const index = Math.round(((255 - 255 / 18) / 18) * i);\n    newPalette.gray[(i * 50) as keyof typeof newPalette.gray] =\n      newPalette.gray[(i * 50) as keyof typeof newPalette.gray] ??\n      `rgb(${index},${index},${index})`;\n  }\n\n  newPalette.applyStates = paletteFunction(applyStates);\n  newPalette.buildColorsObject = paletteFunction(buildColorsObject);\n  newPalette.buildStateObject = paletteFunction(buildStateObject);\n  newPalette.getColor = paletteFunction((color, state) =>\n    getOneColorState(color, state, newPalette),\n  );\n  newPalette.getStatesForColors = paletteFunction((definition, states) =>\n    applyStatesGetColor(definition, newPalette, states),\n  );\n  newPalette.getOneState = paletteFunction((definition, state) =>\n    getColorState(definition, state, newPalette),\n  );\n  newPalette.getColorStates = paletteFunction((definition, state) =>\n    getColorStates(definition, newPalette, state),\n  );\n  newPalette.getStatesFromDefinition = paletteFunction((definition, states) =>\n    getColorsAndStatesByDefinition(definition, newPalette, states),\n  );\n  newPalette.getStatesFromPath = paletteFunction(getColorsAndStatesByPath);\n  newPalette.getSelectedColors = paletteFunction(() =>\n    getSelectedColors(newPalette),\n  );\n  newPalette.getColorsByPath = paletteFunction(getColorsByPath);\n  return newPalette;\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuBA,SAAS,gBAAgB,QAA4C,EAAA;AACnE,EAAA,OAAO,IAAI,IAAgB,KAAA;AACzB,IAAM,MAAA,cAAA,GAAiB,KAAK,CAAC,CAAA,CAAA;AAC7B,IAAA,IAAI,sBAAyB,GAAA,KAAA,CAAA;AAE7B,IAAA,MAAM,UAAa,GAAA;AAAA,MACjB,WAAA;AAAA,MACA,aAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,gBAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,KACF,CAAA;AAKA,IAAI,IAAA,cAAA,YAA0B,MAAU,IAAA,cAAA,KAAmB,IAAM,EAAA;AAC/D,MAAM,MAAA,kBAAA,GAAqB,MAAO,CAAA,IAAA,CAAK,cAAc,CAAA,CAAA;AACrD,MAAA,KAAA,MAAW,OAAO,kBAAoB,EAAA;AACpC,QAAI,IAAA,UAAA,CAAW,QAAS,CAAA,GAAG,CAAG,EAAA;AAC5B,UAAyB,sBAAA,GAAA,IAAA,CAAA;AACzB,UAAA,MAAA;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEA,IAAA,IAAI,sBAAwB,EAAA,CAErB,MAAA;AACL,MAAO,OAAA,QAAA,CAAS,GAAG,IAAI,CAAA,CAAA;AAAA,KACzB;AAAA,GACF,CAAA;AACF,CAAA;AAEA,SAAwB,aAAa,OAAyB,EAAA;AAC5D,EAAM,MAAA,UAAA,GAA6B,UAAU,OAAO,CAAA,CAAA;AAGpD,EAAA,UAAA,CAAW,YAAe,GAAA,eAAA;AAAA,IACxB,OAAQ,CAAA,YAAA,KACL,CAAC,KAAA,EAAe,KAAmB,KAAA;AAClC,MAAA,OAAO,cAAe,CAAA,KAAA,EAAO,KAAS,IAAA,OAAA,CAAQ,YAAY,CAAA,CAAA;AAAA,KAC5D,CAAA;AAAA,GACJ,CAAA;AACA,EAAA,UAAA,CAAW,WAAc,GAAA,eAAA;AAAA,IACvB,OAAQ,CAAA,WAAA,KACL,CAAC,KAAA,EAAe,KAAmB,KAAA;AAClC,MAAA,OAAO,aAAc,CAAA,KAAA,EAAO,KAAS,IAAA,OAAA,CAAQ,WAAW,CAAA,CAAA;AAAA,KAC1D,CAAA;AAAA,GACJ,CAAA;AACA,EAAA,UAAA,CAAW,eAAkB,GAAA,eAAA;AAAA,IAC3B,QAAQ,eAAmB,IAAA,sBAAA;AAAA,GAC7B,CAAA;AAGA,EAAO,MAAA,CAAA,OAAA,CAAQ,OAAO,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,GAAA,EAAK,KAAK,CAAM,KAAA;AAChD,IAAA,MAAM,WAAc,GAAA,KAAA,CAAA;AACpB,IAAI,IAAA,iBAAA,CAAkB,WAAW,CAAG,EAAA;AAClC,MAAC,UAAA,CAAuC,GAAG,CAAI,GAAA;AAAA,QAC7C,MAAM,WAAY,CAAA,IAAA;AAAA,QAClB,OAAO,WAAY,CAAA,KAAA,IAAS,UAAW,CAAA,YAAA,CAAa,YAAY,IAAI,CAAA;AAAA,QACpE,MAAM,WAAY,CAAA,IAAA,IAAQ,UAAW,CAAA,WAAA,CAAY,YAAY,IAAI,CAAA;AAAA,QACjE,cACE,WAAY,CAAA,YAAA,IACZ,UAAW,CAAA,eAAA,CAAgB,YAAY,IAAI,CAAA;AAAA,OAC/C,CAAA;AAAA,KACK,MAAA;AACL,MAAC,UAAA,CAAuC,GAAG,CAAI,GAAA,KAAA,CAAA;AAAA,KACjD;AAAA,GACD,CAAA,CAAA;AAGD,EAAA,UAAA,CAAW,OAAO,OAChB,GAAA,UAAA,CAAW,MAAO,CAAA,OAAA,IAAW,WAAW,SAAU,CAAA,IAAA,CAAA;AACpD,EAAA,UAAA,CAAW,OAAO,KAAQ,GAAA,UAAA,CAAW,MAAO,CAAA,KAAA,IAAS,WAAW,IAAK,CAAA,OAAA,CAAA;AACrE,EAAA,UAAA,CAAW,OAAO,OAChB,GAAA,UAAA,CAAW,MAAO,CAAA,OAAA,IAAW,WAAW,OAAQ,CAAA,IAAA,CAAA;AAGlD,EAAA,SAAS,YAAY,MAAiD,EAAA;AACpE,IAAA,IAAI,OAAO,MAAW,KAAA,QAAA;AACpB,MAAO,OAAA;AAAA,QACL,IAAM,EAAA,MAAA;AAAA,QACN,KAAO,EAAA,MAAA;AAAA,OACT,CAAA;AACF,IAAO,OAAA;AAAA,MACL,IAAA,EAAM,MAAO,CAAA,IAAA,IAAQ,MAAO,CAAA,KAAA;AAAA,MAC5B,KAAA,EAAO,MAAO,CAAA,KAAA,IAAS,MAAO,CAAA,IAAA;AAAA,KAChC,CAAA;AAAA,GACF;AAEA,EAAA,UAAA,CAAW,MAAO,CAAA,MAAA,GAAS,WAAY,CAAA,UAAA,CAAW,OAAO,MAAM,CAAA,CAAA;AAC/D,EAAA,UAAA,CAAW,MAAO,CAAA,QAAA,GAAW,WAAY,CAAA,UAAA,CAAW,OAAO,QAAQ,CAAA,CAAA;AACnE,EAAA,UAAA,CAAW,MAAO,CAAA,KAAA,GAAQ,WAAY,CAAA,UAAA,CAAW,OAAO,KAAK,CAAA,CAAA;AAC7D,EAAA,UAAA,CAAW,MAAO,CAAA,KAAA,GAAQ,WAAY,CAAA,UAAA,CAAW,OAAO,KAAK,CAAA,CAAA;AAC7D,EAAA,UAAA,CAAW,MAAO,CAAA,QAAA,GAAW,WAAY,CAAA,UAAA,CAAW,OAAO,QAAQ,CAAA,CAAA;AACnE,EAAA,UAAA,CAAW,MAAO,CAAA,QAAA,GAAW,WAAY,CAAA,UAAA,CAAW,OAAO,QAAQ,CAAA,CAAA;AAEnE,EAAW,UAAA,CAAA,IAAA,GAAO,UAAW,CAAA,IAAA,IAAQ,EAAC,CAAA;AACtC,EAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAK,IAAA,EAAA,EAAI,CAAK,EAAA,EAAA;AAC5B,IAAA,MAAM,QAAQ,IAAK,CAAA,KAAA,CAAA,CAAQ,MAAM,GAAM,GAAA,EAAA,IAAM,KAAM,CAAC,CAAA,CAAA;AACpD,IAAA,UAAA,CAAW,IAAM,CAAA,CAAA,GAAI,EAAmC,CAAA,GACtD,WAAW,IAAM,CAAA,CAAA,GAAI,EAAmC,CAAA,IACxD,CAAO,IAAA,EAAA,KAAK,CAAI,CAAA,EAAA,KAAK,IAAI,KAAK,CAAA,CAAA,CAAA,CAAA;AAAA,GAClC;AAEA,EAAW,UAAA,CAAA,WAAA,GAAc,gBAAgB,WAAW,CAAA,CAAA;AACpD,EAAW,UAAA,CAAA,iBAAA,GAAoB,gBAAgB,iBAAiB,CAAA,CAAA;AAChE,EAAW,UAAA,CAAA,gBAAA,GAAmB,gBAAgB,gBAAgB,CAAA,CAAA;AAC9D,EAAA,UAAA,CAAW,QAAW,GAAA,eAAA;AAAA,IAAgB,CAAC,KAAO,EAAA,KAAA,KAC5C,gBAAiB,CAAA,KAAA,EAAO,OAAO,UAAU,CAAA;AAAA,GAC3C,CAAA;AACA,EAAA,UAAA,CAAW,kBAAqB,GAAA,eAAA;AAAA,IAAgB,CAAC,UAAY,EAAA,MAAA,KAC3D,mBAAoB,CAAA,UAAA,EAAY,YAAY,MAAM,CAAA;AAAA,GACpD,CAAA;AACA,EAAA,UAAA,CAAW,WAAc,GAAA,eAAA;AAAA,IAAgB,CAAC,UAAY,EAAA,KAAA,KACpD,aAAc,CAAA,UAAA,EAAY,OAAO,UAAU,CAAA;AAAA,GAC7C,CAAA;AACA,EAAA,UAAA,CAAW,cAAiB,GAAA,eAAA;AAAA,IAAgB,CAAC,UAAY,EAAA,KAAA,KACvD,cAAe,CAAA,UAAA,EAAY,YAAY,KAAK,CAAA;AAAA,GAC9C,CAAA;AACA,EAAA,UAAA,CAAW,uBAA0B,GAAA,eAAA;AAAA,IAAgB,CAAC,UAAY,EAAA,MAAA,KAChE,8BAA+B,CAAA,UAAA,EAAY,YAAY,MAAM,CAAA;AAAA,GAC/D,CAAA;AACA,EAAW,UAAA,CAAA,iBAAA,GAAoB,gBAAgB,wBAAwB,CAAA,CAAA;AACvE,EAAA,UAAA,CAAW,iBAAoB,GAAA,eAAA;AAAA,IAAgB,MAC7C,kBAAkB,UAAU,CAAA;AAAA,GAC9B,CAAA;AACA,EAAW,UAAA,CAAA,eAAA,GAAkB,gBAAgB,eAAe,CAAA,CAAA;AAC5D,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}

package/dist/base/colors/util.js

@@ -1,31 +0,0 @@
-import tinycolor from 'tinycolor2';
-
-function defaultLighten(color, ratio) {
-  return tinycolor(color).lighten(ratio ?? 20).toRgbString();
-}
-function defaultDarken(color, ratio) {
-  return tinycolor(color).darken(ratio ?? 20).toRgbString();
-}
-function defaultGetContrastText(color) {
-  const current = tinycolor(color);
-  return tinycolor.readability("white", current) < tinycolor.readability("black", current) ? "black" : "white";
-}
-function getValueByPath(obj, path, separator = ".") {
-  const actualPath = typeof path === "string" ? path.split(separator) : path;
-  if (typeof obj !== "object" || !obj) {
-    if (actualPath.length === 0)
-      return obj;
-    return void 0;
-  }
-  const currentStep = actualPath.shift();
-  if (actualPath.length === 0)
-    return obj[currentStep];
-  return getValueByPath(
-    obj[currentStep],
-    actualPath,
-    separator
-  );
-}
-
-export { defaultDarken, defaultGetContrastText, defaultLighten, getValueByPath };
-//# sourceMappingURL=util.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sources":["../../../src/base/colors/util.ts"],"sourcesContent":["import clone from 'lodash-es/clone';\nimport tinycolor from 'tinycolor2';\n\nexport function defaultLighten(color: string, ratio?: number) {\n  return tinycolor(color)\n    .lighten(ratio ?? 20)\n    .toRgbString();\n}\nexport function defaultDarken(color: string, ratio?: number) {\n  return tinycolor(color)\n    .darken(ratio ?? 20)\n    .toRgbString();\n}\nexport function defaultGetContrastText(color: string) {\n  const current = tinycolor(color);\n  return tinycolor.readability('white', current) <\n    tinycolor.readability('black', current)\n    ? 'black'\n    : 'white';\n}\n\nexport function getValueByPath(\n  obj: Record<string, unknown>,\n  path: string | string[],\n  separator = '.',\n): unknown {\n  const actualPath = typeof path === 'string' ? path.split(separator) : path;\n  if (typeof obj !== 'object' || !obj) {\n    if (actualPath.length === 0) return obj;\n    return undefined;\n  }\n  const currentStep = actualPath.shift() as string;\n  if (actualPath.length === 0) return obj[currentStep];\n  return getValueByPath(\n    obj[currentStep] as Record<string, unknown>,\n    actualPath,\n    separator,\n  );\n}\n\nexport function setValueByPath(\n  obj: Record<string, unknown>,\n  path: string,\n  value: unknown,\n) {\n  if (path === '') return value as Record<string, unknown>;\n\n  const steps = path.split('.');\n  if (steps.length === 0) {\n    console.warn(`An empty path was provoided ${path}`);\n    return null;\n  }\n  const originalClonedObject = clone(obj ?? {});\n  let currentObj = originalClonedObject;\n  for (let i = 0; i < steps.length - 1; i++) {\n    if (!currentObj[steps[i]]) currentObj[steps[i]] = {};\n    if (typeof currentObj[steps[i]] === 'object') {\n      currentObj = currentObj[steps[i]] as Record<string, unknown>;\n    } else {\n      console.info({\n        originalObject: obj,\n        originalPath: path,\n        currentObj,\n        currentStep: steps[i],\n      });\n      throw new Error(\n        `The provided path ${path} cannot be applied due to it is not an object's path.`,\n      );\n    }\n  }\n  currentObj[steps.pop() as string] = value;\n  return originalClonedObject;\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,cAAA,CAAe,OAAe,KAAgB,EAAA;AAC5D,EAAA,OAAO,UAAU,KAAK,CAAA,CACnB,QAAQ,KAAS,IAAA,EAAE,EACnB,WAAY,EAAA,CAAA;AACjB,CAAA;AACgB,SAAA,aAAA,CAAc,OAAe,KAAgB,EAAA;AAC3D,EAAA,OAAO,UAAU,KAAK,CAAA,CACnB,OAAO,KAAS,IAAA,EAAE,EAClB,WAAY,EAAA,CAAA;AACjB,CAAA;AACO,SAAS,uBAAuB,KAAe,EAAA;AACpD,EAAM,MAAA,OAAA,GAAU,UAAU,KAAK,CAAA,CAAA;AAC/B,EAAO,OAAA,SAAA,CAAU,WAAY,CAAA,OAAA,EAAS,OAAO,CAAA,GAC3C,UAAU,WAAY,CAAA,OAAA,EAAS,OAAO,CAAA,GACpC,OACA,GAAA,OAAA,CAAA;AACN,CAAA;AAEO,SAAS,cACd,CAAA,GAAA,EACA,IACA,EAAA,SAAA,GAAY,GACH,EAAA;AACT,EAAA,MAAM,aAAa,OAAO,IAAA,KAAS,WAAW,IAAK,CAAA,KAAA,CAAM,SAAS,CAAI,GAAA,IAAA,CAAA;AACtE,EAAA,IAAI,OAAO,GAAA,KAAQ,QAAY,IAAA,CAAC,GAAK,EAAA;AACnC,IAAA,IAAI,WAAW,MAAW,KAAA,CAAA;AAAG,MAAO,OAAA,GAAA,CAAA;AACpC,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT;AACA,EAAM,MAAA,WAAA,GAAc,WAAW,KAAM,EAAA,CAAA;AACrC,EAAA,IAAI,WAAW,MAAW,KAAA,CAAA;AAAG,IAAA,OAAO,IAAI,WAAW,CAAA,CAAA;AACnD,EAAO,OAAA,cAAA;AAAA,IACL,IAAI,WAAW,CAAA;AAAA,IACf,UAAA;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/base/forms/checkbox.js

@@ -1,59 +0,0 @@
-import getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath.js';
-
-const checkbox = {
-  borderRadius: "default",
-  ...getColorsAndStatesByPath("form.fields", {
-    states: {
-      active: false,
-      focus: false,
-      hover: false
-    }
-  }),
-  backgroundColor: "unset",
-  alignItems: "center",
-  "&.nativeCheckbox": {
-    appearance: "none",
-    width: "25px",
-    height: "25px",
-    border: "solid 1px #cccccc",
-    marginRight: "8px",
-    position: "relative",
-    cursor: "pointer",
-    "&:checked::before": {
-      content: '"\u2713"',
-      color: "palette.text.primary",
-      position: "absolute",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      fontSize: "larger",
-      fontWeight: "bolder",
-      borderRadius: "5px",
-      cursor: "pointer"
-    },
-    "&:indeterminate::before": {
-      content: '"-"',
-      color: "palette.text.primary",
-      position: "absolute",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      top: "-1px",
-      left: 0,
-      right: 0,
-      bottom: 0,
-      fontSize: "xx-large",
-      fontWeight: "600",
-      borderRadius: "5px",
-      cursor: "pointer"
-    }
-  }
-};
-var checkbox$1 = checkbox;
-
-export { checkbox$1 as default };
-//# sourceMappingURL=checkbox.js.map

package/dist/base/forms/checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkbox.js","sources":["../../../src/base/forms/checkbox.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst checkbox: ThemeUICSSObject = {\n  borderRadius: 'default',\n  ...getColorsAndStatesByPath('form.fields', {\n    states: {\n      active: false,\n      focus: false,\n      hover: false,\n    },\n  }),\n  backgroundColor: 'unset',\n  alignItems: 'center',\n\n  '&.nativeCheckbox': {\n    appearance: 'none',\n    width: '25px',\n    height: '25px',\n    border: 'solid 1px #cccccc',\n    marginRight: '8px',\n    position: 'relative',\n    cursor: 'pointer',\n\n    '&:checked::before': {\n      content: '\"✓\"',\n      color: 'palette.text.primary',\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      fontSize: 'larger',\n      fontWeight: 'bolder',\n      borderRadius: '5px',\n      cursor: 'pointer',\n    },\n\n    '&:indeterminate::before': {\n      content: '\"-\"',\n      color: 'palette.text.primary',\n      position: 'absolute',\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      top: '-1px',\n      left: 0,\n      right: 0,\n      bottom: 0,\n      fontSize: 'xx-large',\n      fontWeight: '600',\n      borderRadius: '5px',\n      cursor: 'pointer',\n    },\n  },\n};\n\nexport default checkbox;\n"],"names":[],"mappings":";;AAIA,MAAM,QAA6B,GAAA;AAAA,EACjC,YAAc,EAAA,SAAA;AAAA,EACd,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AAAA,EACD,eAAiB,EAAA,OAAA;AAAA,EACjB,UAAY,EAAA,QAAA;AAAA,EAEZ,kBAAoB,EAAA;AAAA,IAClB,UAAY,EAAA,MAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IACR,MAAQ,EAAA,mBAAA;AAAA,IACR,WAAa,EAAA,KAAA;AAAA,IACb,QAAU,EAAA,UAAA;AAAA,IACV,MAAQ,EAAA,SAAA;AAAA,IAER,mBAAqB,EAAA;AAAA,MACnB,OAAS,EAAA,UAAA;AAAA,MACT,KAAO,EAAA,sBAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA,QAAA;AAAA,MAChB,GAAK,EAAA,CAAA;AAAA,MACL,IAAM,EAAA,CAAA;AAAA,MACN,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,QAAA;AAAA,MACV,UAAY,EAAA,QAAA;AAAA,MACZ,YAAc,EAAA,KAAA;AAAA,MACd,MAAQ,EAAA,SAAA;AAAA,KACV;AAAA,IAEA,yBAA2B,EAAA;AAAA,MACzB,OAAS,EAAA,KAAA;AAAA,MACT,KAAO,EAAA,sBAAA;AAAA,MACP,QAAU,EAAA,UAAA;AAAA,MACV,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA,QAAA;AAAA,MAChB,GAAK,EAAA,MAAA;AAAA,MACL,IAAM,EAAA,CAAA;AAAA,MACN,KAAO,EAAA,CAAA;AAAA,MACP,MAAQ,EAAA,CAAA;AAAA,MACR,QAAU,EAAA,UAAA;AAAA,MACV,UAAY,EAAA,KAAA;AAAA,MACZ,YAAc,EAAA,KAAA;AAAA,MACd,MAAQ,EAAA,SAAA;AAAA,KACV;AAAA,GACF;AACF,CAAA,CAAA;AAEA,iBAAe,QAAA;;;;"}

package/dist/base/forms/customCheckbox.js

@@ -1,30 +0,0 @@
-import getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath.js';
-
-const customCheckbox = {
-  display: "inline-flex",
-  borderRadius: "default",
-  flexBasis: "32px",
-  flexShrink: 0,
-  width: "32px",
-  height: "32px",
-  alignItems: "center",
-  justifyContent: "center",
-  p: "3px",
-  border: "1px solid",
-  svg: {
-    width: "20px"
-  },
-  ...getColorsAndStatesByPath("form.fields", {
-    states: {
-      active: false,
-      hover: false,
-      focus: false,
-      path: false
-    }
-  })
-  /* PREPEND HERE */
-};
-var customCheckbox$1 = customCheckbox;
-
-export { customCheckbox$1 as default };
-//# sourceMappingURL=customCheckbox.js.map

package/dist/base/forms/customCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"customCheckbox.js","sources":["../../../src/base/forms/customCheckbox.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst customCheckbox: ThemeUICSSObject = {\n  display: 'inline-flex',\n  borderRadius: 'default',\n  flexBasis: '32px',\n  flexShrink: 0,\n  width: '32px',\n  height: '32px',\n  alignItems: 'center',\n  justifyContent: 'center',\n  p: '3px',\n  border: '1px solid',\n  svg: {\n    width: '20px',\n  },\n  ...getColorsAndStatesByPath('form.fields', {\n    states: {\n      active: false,\n      hover: false,\n      focus: false,\n      path: false,\n    },\n  }),\n\n  /* PREPEND HERE */\n};\n\nexport default customCheckbox;\n"],"names":[],"mappings":";;AAIA,MAAM,cAAmC,GAAA;AAAA,EACvC,OAAS,EAAA,aAAA;AAAA,EACT,YAAc,EAAA,SAAA;AAAA,EACd,SAAW,EAAA,MAAA;AAAA,EACX,UAAY,EAAA,CAAA;AAAA,EACZ,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,MAAA;AAAA,EACR,UAAY,EAAA,QAAA;AAAA,EACZ,cAAgB,EAAA,QAAA;AAAA,EAChB,CAAG,EAAA,KAAA;AAAA,EACH,MAAQ,EAAA,WAAA;AAAA,EACR,GAAK,EAAA;AAAA,IACH,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EACA,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,MACP,KAAO,EAAA,KAAA;AAAA,MACP,IAAM,EAAA,KAAA;AAAA,KACR;AAAA,GACD,CAAA;AAAA;AAGH,CAAA,CAAA;AAEA,uBAAe,cAAA;;;;"}

package/dist/base/forms/dateInput.js

@@ -1,60 +0,0 @@
-import { spacing } from '../../util.js';
-import getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath.js';
-
-const dateInput = {
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "stretch",
-  justifyContent: "stretch",
-  gap: spacing(2),
-  width: "100%",
-  "&.readOnly": {
-    input: {
-      color: "Text.fields",
-      bg: "Background.fields"
-    }
-  },
-  ".iconInput": {
-    width: "100%",
-    position: "relative"
-  },
-  'input:hover~.delete_date_button:not(:disabled,[aria-selected="true"]), input:hover~.delete_date_button:not(:disabled,[aria-selected="true"]) path, .delete_date_button': {
-    position: "absolute",
-    right: "59px",
-    padding: 0,
-    top: "calc(50% - 10px)",
-    margin: 0,
-    marginRight: 0,
-    borderRadius: "100%",
-    width: "20px",
-    height: "20px",
-    ...getColorsAndStatesByPath("buttons.icon-outline")
-  },
-  input: {
-    flexShrink: 1
-  },
-  "& > div": {
-    display: "flex",
-    gap: spacing(2),
-    flexShrink: 0,
-    width: "auto",
-    maxWidth: "100%",
-    minWidth: 0,
-    button: {
-      width: "45px",
-      flexShrink: 0
-    }
-  },
-  ...getColorsAndStatesByPath("form.fields", {
-    states: {
-      hover: false,
-      active: false,
-      focus: false
-    }
-  }),
-  backgroundColor: void 0
-};
-var dateInput$1 = dateInput;
-
-export { dateInput$1 as default };
-//# sourceMappingURL=dateInput.js.map

package/dist/base/forms/dateInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dateInput.js","sources":["../../../src/base/forms/dateInput.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { spacing } from '../../util';\nimport getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath';\n/* IMPORT HERE */\n\nconst dateInput: ThemeUICSSObject = {\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'stretch',\n  justifyContent: 'stretch',\n  gap: spacing(2),\n  width: '100%',\n\n  '&.readOnly': {\n    input: {\n      color: 'Text.fields',\n      bg: 'Background.fields',\n    },\n  },\n\n  '.iconInput': {\n    width: '100%',\n    position: 'relative',\n  },\n\n  'input:hover~.delete_date_button:not(:disabled,[aria-selected=\"true\"]), input:hover~.delete_date_button:not(:disabled,[aria-selected=\"true\"]) path, .delete_date_button':\n    {\n      position: 'absolute',\n      right: '59px',\n      padding: 0,\n      top: 'calc(50% - 10px)',\n      margin: 0,\n      marginRight: 0,\n      borderRadius: '100%',\n      width: '20px',\n      height: '20px',\n\n      ...getColorsAndStatesByPath('buttons.icon-outline'),\n    },\n\n  input: {\n    flexShrink: 1,\n  },\n\n  '& > div': {\n    display: 'flex',\n    gap: spacing(2),\n    flexShrink: 0,\n    width: 'auto',\n    maxWidth: '100%',\n    minWidth: 0,\n\n    button: {\n      width: '45px',\n      flexShrink: 0,\n    },\n  },\n  ...getColorsAndStatesByPath('form.fields', {\n    states: {\n      hover: false,\n      active: false,\n      focus: false,\n    },\n  }),\n\n  backgroundColor: undefined,\n};\n\nexport default dateInput;\n"],"names":[],"mappings":";;;AAKA,MAAM,SAA8B,GAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,aAAe,EAAA,QAAA;AAAA,EACf,UAAY,EAAA,SAAA;AAAA,EACZ,cAAgB,EAAA,SAAA;AAAA,EAChB,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,EACd,KAAO,EAAA,MAAA;AAAA,EAEP,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA;AAAA,MACL,KAAO,EAAA,aAAA;AAAA,MACP,EAAI,EAAA,mBAAA;AAAA,KACN;AAAA,GACF;AAAA,EAEA,YAAc,EAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,IACP,QAAU,EAAA,UAAA;AAAA,GACZ;AAAA,EAEA,wKACE,EAAA;AAAA,IACE,QAAU,EAAA,UAAA;AAAA,IACV,KAAO,EAAA,MAAA;AAAA,IACP,OAAS,EAAA,CAAA;AAAA,IACT,GAAK,EAAA,kBAAA;AAAA,IACL,MAAQ,EAAA,CAAA;AAAA,IACR,WAAa,EAAA,CAAA;AAAA,IACb,YAAc,EAAA,MAAA;AAAA,IACd,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IAER,GAAG,yBAAyB,sBAAsB,CAAA;AAAA,GACpD;AAAA,EAEF,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,CAAA;AAAA,GACd;AAAA,EAEA,SAAW,EAAA;AAAA,IACT,OAAS,EAAA,MAAA;AAAA,IACT,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,IACd,UAAY,EAAA,CAAA;AAAA,IACZ,KAAO,EAAA,MAAA;AAAA,IACP,QAAU,EAAA,MAAA;AAAA,IACV,QAAU,EAAA,CAAA;AAAA,IAEV,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,MACP,UAAY,EAAA,CAAA;AAAA,KACd;AAAA,GACF;AAAA,EACA,GAAG,yBAAyB,aAAe,EAAA;AAAA,IACzC,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA,KAAA;AAAA,MACP,MAAQ,EAAA,KAAA;AAAA,MACR,KAAO,EAAA,KAAA;AAAA,KACT;AAAA,GACD,CAAA;AAAA,EAED,eAAiB,EAAA,KAAA,CAAA;AACnB,CAAA,CAAA;AAEA,kBAAe,SAAA;;;;"}

package/dist/base/forms/deletableInput.js

@@ -1,65 +0,0 @@
-import { focusOutline } from '../../util.js';
-import getColorsAndStatesByPath from '../colors/util/getColorsAndStatesByPath.js';
-
-const deletableInput = {
-  border: "1px solid",
-  borderColor: "palette.border.field",
-  display: "inline-block",
-  position: "relative",
-  pr: "45px",
-  ".deletableInput__input": {
-    border: "none"
-  },
-  ".deletableInput__deleteButton": {
-    height: "100%",
-    outlineOffset: "-2px",
-    position: "absolute",
-    right: 0,
-    top: 0,
-    width: "45px",
-    ...getColorsAndStatesByPath("buttons.deletableInputButton", {
-      states: { path: true }
-    })
-  },
-  "&:focus-within:not(.asMaterial)": {
-    ...focusOutline,
-    ".deletableInput__input:focus": {
-      outline: "none"
-    },
-    ".deletableInput__deleteButton:focus": {
-      outline: "none"
-    }
-  },
-  "&.asMaterial": {
-    borderLeft: "none",
-    borderRight: "none",
-    borderTop: "none",
-    borderBottomColor: "palette.border.section",
-    "& + .input__underline": {
-      transform: "scale(1)"
-    },
-    ".deletableInput__input:focus": {
-      outline: "none",
-      "~.input__underline::after": {
-        animationName: "growHorizontal",
-        animationDuration: "150ms",
-        animationTimingFunction: "ease-out",
-        content: '""',
-        display: "block",
-        height: "0",
-        outlineColor: "palette.primary.main",
-        outlineStyle: "solid",
-        outlineWidth: "1.5px",
-        outlineOffset: 0,
-        position: "absolute",
-        transformOrigin: "center center",
-        left: 0,
-        right: 0
-      }
-    }
-  }
-};
-var deletableInput$1 = deletableInput;
-
-export { deletableInput$1 as default };
-//# sourceMappingURL=deletableInput.js.map