@apia/theme 3.0.1 → 3.0.2

package/dist/markdown/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../src/markdown/styles.ts"],"sourcesContent":["import { IMarkdownStylesAggregator, RemarkableExtension } from './types';\nimport { markdownTheme } from './theme/markdownTheme';\nimport { markdownExtensions } from './extensions';\n\nconst printStyles: IMarkdownStylesAggregator = () => `\n@media print {\n  body {\n    background: white;\n  }\n\n  #Container {\n    border: none;\n    margin: 0;\n    width: auto;\n    padding: 0;\n  }\n}\n`;\n\nconst styles = (\n  additionalStyles?: IMarkdownStylesAggregator,\n  extensions?: RemarkableExtension[],\n) => {\n  const generated = `\n${markdownTheme}\n\n#Container {\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-6);\n  margin: var(--space-6) auto;\n  width: 920px;\n\n  & > * {\n    margin: 0;\n  }\n\n  h1, h2, h3, h4, h5, h6 {\n    margin: 0;\n  }\n\n  li > *:not(:first-child) {\n    margin-top: var(--space-5);\n    margin-bottom: var(--space-5);\n  }\n}\n${printStyles()}\n\n${[...(extensions ?? []), ...markdownExtensions]\n  .map((current) => current.styles())\n  .join('\\n\\n')}\n\n${additionalStyles?.() ?? ''}\n`;\n\n  return generated;\n};\n\nexport const markdownParserStyles = (\n  additionalStyles?: IMarkdownStylesAggregator,\n  extensions?: RemarkableExtension[],\n) => {\n  return styles(additionalStyles, extensions);\n};\n"],"names":[],"mappings":";;;AAIA,MAAM,cAAyC,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAerD,MAAM,MAAA,GAAS,CACb,gBAAA,EACA,UACG,KAAA;AACH,EAAA,MAAM,SAAY,GAAA,CAAA;AAAA,EAClB,aAAa,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsBb,aAAa,CAAA;AAAA;AAAA,EAEb,CAAC,GAAI,UAAA,IAAc,EAAC,EAAI,GAAG,kBAAkB,CAAA,CAC5C,GAAI,CAAA,CAAC,YAAY,OAAQ,CAAA,MAAA,EAAQ,CACjC,CAAA,IAAA,CAAK,MAAM,CAAC,CAAA;AAAA;AAAA,EAEb,gBAAA,QAAwB,EAAE,CAAA;AAAA,CAAA,CAAA;AAG1B,EAAO,OAAA,SAAA,CAAA;AACT,CAAA,CAAA;AAEa,MAAA,oBAAA,GAAuB,CAClC,gBAAA,EACA,UACG,KAAA;AACH,EAAO,OAAA,MAAA,CAAO,kBAAkB,UAAU,CAAA,CAAA;AAC5C;;;;"}

package/dist/markdown/theme/markdownTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"markdownTheme.js","sources":["../../../src/markdown/theme/markdownTheme.ts"],"sourcesContent":["export const markdownTheme = `:root {\n  --color-error-back: #fff2f4;\n  --color-error-border: rgb(115, 7, 9);\n  --color-error-text: var(--color-text-default);\n  --color-warning-back: #fffdd9;\n  --color-warning-border: rgb(244, 239, 64);\n  --color-warning-text: var(--color-text-default);\n  --color-success-back: #e7ffd9;\n  --color-success-border: rgb(79, 205, 79);\n  --color-success-text: var(--color-text-default);\n  --color-primary: rgb(0, 73, 108);\n  --color-primary-light: #f8fdff;\n  --color-primary-contrast: white;\n  --color-back-paper: white;\n  --color-back-default: white;\n  --color-border-field: #aaa;\n  --color-border-section: #ddd;\n  --color-text-default: #333;\n  --color-text-disabled: #aaa;\n  --color-text-heading: var(--color-primary);\n  --font-size-h1: 32px;\n  --font-size-h2: 28px;\n  --font-size-h3: 25px;\n  --font-size-h4: 21px;\n  --font-size-h5: 18px;\n  --font-size-h6: 16px;\n  --font-size-default: 16px;\n  --font-family-heading: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\n  --font-family-default: Inter, system-ui, \"Segoe UI\", \"Helvetica Neue\", sans-serif, Roboto;\n  --font-family-monospace: monospace;\n  --table-head-color-background: var(--color-primary);\n  --table-head-color-text: var(--color-primary-contrast);\n  --table-head-color-border: var(--color-primary);\n  --table-head-border: 1px solid var(--table-head-color-border);\n  --table-head-cell-padding: var(--space-4);\n  --table-head-font-weight: bold;\n  --table-head-text-align: center;\n  --table-body-color-background: transparent;\n  --table-body-color-background-odd: var(--color-primary-light);\n  --table-body-color-text: inherit;\n  --table-body-color-border: var(--color-border-section);\n  --table-body-border: 1px solid var(--table-body-color-border);\n  --table-body-cell-padding: var(--space-4);\n  --table-color-background: var(--color-back-paper);\n  --table-color-border: var(--color-border-section);\n  --table-border: 1px solid var(--table-color-border);\n  --table-border-collapse: collapse;\n  --shadow-sheet: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;\n  --space-0: 0;\n  --space-1: 2px;\n  --space-2: 4px;\n  --space-3: 8px;\n  --space-4: 12px;\n  --space-5: 16px;\n  --space-6: 24px;\n}\n\nhtml {\n  margin: 0;\n  font-size: var(--font-size-default);\n  font-family: var(--font-family-default);\n  color: var(--color-text-default);\n}\n\nbody {\n  background: var(--color-back-default);\n  margin: 0;\n}\n\npre, code {\n  font-family: var(--font-family-monospace);\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-family: var(--font-family-heading);\n  color: var(--color-text-heading);\n}\n\nh1 {\n  font-size: var(--font-size-h1);\n}\nh1:first-of-type {\n  margin-top: 0;\n}\n\nh2 {\n  font-size: var(--font-size-h2);\n}\n\nh3 {\n  font-size: var(--font-size-h3);\n}\n\nh4 {\n  font-size: var(--font-size-h4);\n}\n\nh5 {\n  font-size: var(--font-size-h5);\n}\n\nh6 {\n  font-size: var(--font-size-h6);\n}\n\na {\n  color: var(--color-text-default);\n}\n\na:visited {\n  color: var(--color-primary);\n}\n\ntable {\n  border-collapse: var(--table-border-collapse);\n  border: var(--table-border);\n  width: 100%;\n}\ntable thead th, table thead td.heading, table tbody th, table tbody td.heading {\n  background: var(--table-head-color-background);\n  color: var(--table-head-color-text);\n  border: var(--table-head-border);\n  padding: var(--table-head-cell-padding);\n  font-weight: var(--table-head-font-weight);\n  text-align: var(--table-head-text-align);\n  text-wrap: nowrap;\n}\ntable tbody td {\n  background: var(--table-body-color-background);\n  color: var(--table-body-color-text);\n  border: var(--table-body-border);\n  padding: var(--table-body-cell-padding);\n}\ntable tbody tr:nth-child(2n) td:not(.heading) {\n  background: var(--table-body-color-background-odd);\n}\n\nimg {\n  max-width: 100%;\n}`;\n"],"names":[],"mappings":"AAAO,MAAM,aAAgB,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/markdown/types.d.ts

@@ -1,56 +0,0 @@
-import { StateInline, TagToken, StateBlock } from 'remarkable/lib';
-import { Remarkable } from 'remarkable';
-
-type IMarkdownHtml = (title: string, css: string, body: string) => string;
-type IMarkdownParser = (options: IMarkdownConfiguration) => Promise<string>;
-interface IMarkdownConfiguration {
-    /**
-     * Cadena de caracteres de CSS
-     */
-    additionalStyles?: IMarkdownStylesAggregator;
-    /**
-     * Permite agregar contenido al body del html generado.
-     */
-    additionalBodyContent?: Partial<{
-        before: string;
-        after: string;
-    }>;
-    /**
-     * Contenido markdown
-     */
-    content: string;
-    /**
-     * Permite el pasaje de extensiones adicionales
-     */
-    extensions?: RemarkableExtension[];
-    /**
-     * Si el template html por defecto no es suficiente, se puede optar por un
-     * template a medida.
-     */
-    htmlTemplate?: IMarkdownHtml;
-    /**
-     * If passed, will print the table of contents with the indicated title.
-     */
-    tableOfContentsTitle?: string;
-    /**
-     * Título que se mostrará en el html
-     */
-    title: string;
-}
-interface IRemarkableInlineExtension {
-    name: string;
-    parser: (state: StateInline, checkMode: boolean) => boolean;
-    replacer: (md: Remarkable) => (tokens: TagToken[], idx: number) => string;
-    styles: () => string;
-}
-interface IRemarkableBlockExtension {
-    name: string;
-    parser: (state: StateBlock, startLine: number, endLine: number, checkMode: boolean) => boolean;
-    replacer: (md: Remarkable) => (tokens: TagToken[], idx: number) => string;
-    styles: () => string;
-}
-type RemarkableExtension = IRemarkableInlineExtension | IRemarkableBlockExtension;
-type IMarkdownStylesAggregator = () => string;
-
-export type { IMarkdownConfiguration, IMarkdownHtml, IMarkdownParser, IMarkdownStylesAggregator, IRemarkableBlockExtension, IRemarkableInlineExtension, RemarkableExtension };
-//# sourceMappingURL=types.d.ts.map

package/dist/markdown/types.d.ts.map

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

package/dist/markdown/types.js

@@ -1,5 +0,0 @@
-class ErrorImporting {
-}
-
-export { ErrorImporting };
-//# sourceMappingURL=types.js.map

package/dist/markdown/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../src/markdown/types.ts"],"sourcesContent":["import type { StateBlock, StateInline, TagToken } from 'remarkable/lib';\nimport type { Remarkable } from 'remarkable';\n\n// eslint-disable-next-line @typescript-eslint/no-extraneous-class\nexport class ErrorImporting {}\n\nexport type IMarkdownHtml = (\n  title: string,\n  css: string,\n  body: string,\n) => string;\n\nexport type IMarkdownParser = (\n  options: IMarkdownConfiguration,\n) => Promise<string>;\n\nexport interface IMarkdownConfiguration {\n  /**\n   * Cadena de caracteres de CSS\n   */\n  additionalStyles?: IMarkdownStylesAggregator;\n  /**\n   * Permite agregar contenido al body del html generado.\n   */\n  additionalBodyContent?: Partial<{ before: string; after: string }>;\n  /**\n   * Contenido markdown\n   */\n  content: string;\n  /**\n   * Permite el pasaje de extensiones adicionales\n   */\n  extensions?: RemarkableExtension[];\n  /**\n   * Si el template html por defecto no es suficiente, se puede optar por un\n   * template a medida.\n   */\n  htmlTemplate?: IMarkdownHtml;\n  /**\n   * If passed, will print the table of contents with the indicated title.\n   */\n  tableOfContentsTitle?: string;\n  /**\n   * Título que se mostrará en el html\n   */\n  title: string;\n}\n\nexport interface IRemarkableInlineExtension {\n  name: string;\n  parser: (state: StateInline, checkMode: boolean) => boolean;\n  replacer: (md: Remarkable) => (tokens: TagToken[], idx: number) => string;\n  styles: () => string;\n}\n\nexport interface IRemarkableBlockExtension {\n  name: string;\n  parser: (\n    state: StateBlock,\n    startLine: number,\n    endLine: number,\n    checkMode: boolean,\n  ) => boolean;\n  replacer: (md: Remarkable) => (tokens: TagToken[], idx: number) => string;\n  styles: () => string;\n}\n\nexport type RemarkableExtension =\n  | IRemarkableInlineExtension\n  | IRemarkableBlockExtension;\n\nexport type IMarkdownStylesAggregator = () => string;\n"],"names":[],"mappings":"AAIO,MAAM,cAAe,CAAA;AAAC;;;;"}

package/dist/methods/CustomThemeProvider.js

@@ -1,14 +0,0 @@
-import { jsx } from 'theme-ui/jsx-runtime';
-import { ThemeUIProvider } from 'theme-ui';
-import { getMainTheme } from './getMainTheme.js';
-
-const CustomThemeProvider = ({
-  children,
-  customTheme
-}) => {
-  const theme = getMainTheme(customTheme);
-  return /* @__PURE__ */ jsx(ThemeUIProvider, { theme, children });
-};
-
-export { CustomThemeProvider };
-//# sourceMappingURL=CustomThemeProvider.js.map

package/dist/methods/CustomThemeProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomThemeProvider.js","sources":["../../src/methods/CustomThemeProvider.tsx"],"sourcesContent":["import { ThemeUIProvider, Theme } from 'theme-ui';\nimport { ReactNode } from 'react';\nimport { getMainTheme } from './getMainTheme';\n\ninterface TThemeProvider {\n  children: ReactNode;\n  customTheme?: () => Theme;\n}\n\nexport const CustomThemeProvider = ({\n  children,\n  customTheme,\n}: TThemeProvider) => {\n  const theme: Theme = getMainTheme(customTheme);\n\n  return <ThemeUIProvider theme={theme}>{children}</ThemeUIProvider>;\n};\n"],"names":[],"mappings":";;;;AASO,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AAAA,EACA,WAAA;AACF,CAAsB,KAAA;AACpB,EAAM,MAAA,KAAA,GAAe,aAAa,WAAW,CAAA,CAAA;AAE7C,EAAO,uBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,KAAA,EAAe,QAAS,EAAA,CAAA,CAAA;AAClD;;;;"}

package/dist/methods/getMainTheme.js

@@ -1,30 +0,0 @@
-import merge from 'lodash-es/merge';
-import { baseTheme } from '../base/baseTheme.js';
-import { getThemeColorsObject } from '../base/colors/index.js';
-import defaultPalette from '../base/colors/defaultPalette.js';
-import forms from '../base/forms/index.js';
-import { layout } from '../base/layout/index.js';
-import parsePalette from '../base/colors/util/parsePalette.js';
-
-const makeTheme = (t) => {
-  return t;
-};
-let declaredStyles = {};
-function getMainTheme(customTheme, customPalette, themeModifier) {
-  const palette = parsePalette(merge({}, defaultPalette, customPalette));
-  window.currentPalette = palette;
-  const theme = makeTheme(
-    merge(baseTheme(), { layout: declaredStyles }, customTheme?.() ?? {}, {
-      palette: {}
-    })
-  );
-  theme.palette = palette;
-  theme.colors = getThemeColorsObject(theme);
-  theme.forms = forms(theme);
-  theme.layout = merge(layout(theme), theme.layout);
-  theme.styles = merge({}, customTheme?.().styles, { root: theme.layout.root });
-  return themeModifier?.(theme) ?? theme;
-}
-
-export { getMainTheme };
-//# sourceMappingURL=getMainTheme.js.map

package/dist/methods/getMainTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getMainTheme.js","sources":["../../src/methods/getMainTheme.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\nimport {\n  ColorModesScale,\n  Theme,\n  ThemeUICSSObject,\n  ThemeUIStyleObject,\n} from 'theme-ui';\nimport merge from 'lodash-es/merge';\nimport { setValueByPath } from '@apia/util';\nimport { baseTheme } from '../base/baseTheme';\nimport {\n  TCustomPalette,\n  TParsedPalette,\n  TThemeModifier,\n} from '../base/colors/types';\nimport { getThemeColorsObject, parsePalette } from '../base/colors';\nimport defaultPalette from '../base/colors/defaultPalette';\nimport forms from '../base/forms';\nimport { layout } from '../base/layout';\n\nconst makeTheme = <T extends Theme>(t: T) => {\n  return t;\n};\n\nlet declaredStyles: ThemeUICSSObject = {};\n\nexport function declareStyles(\n  path: string,\n  styles: ThemeUICSSObject | Record<string, ThemeUICSSObject>,\n) {\n  const newStyles = {};\n  setValueByPath(newStyles, path, styles);\n  declaredStyles = merge(declaredStyles, newStyles);\n}\n\nexport function getMainTheme(\n  customTheme?: () => Omit<Theme, 'palette'>,\n  customPalette?: TCustomPalette,\n\n  themeModifier?: TThemeModifier,\n) {\n  const palette = parsePalette(merge({}, defaultPalette, customPalette));\n  window.currentPalette = palette;\n\n  const theme = makeTheme(\n    merge(baseTheme(), { layout: declaredStyles }, customTheme?.() ?? {}, {\n      palette: {} as TParsedPalette,\n    }),\n  );\n\n  theme.palette = palette;\n\n  theme.colors = getThemeColorsObject(theme) as unknown as ColorModesScale;\n  theme.forms = forms(theme) as Record<string, ThemeUIStyleObject>;\n  theme.layout = merge(layout(theme), theme.layout);\n\n  theme.styles = merge({}, customTheme?.().styles, { root: theme.layout.root });\n\n  return themeModifier?.(theme) ?? theme;\n}\n"],"names":[],"mappings":";;;;;;;;AAqBA,MAAM,SAAA,GAAY,CAAkB,CAAS,KAAA;AAC3C,EAAO,OAAA,CAAA,CAAA;AACT,CAAA,CAAA;AAEA,IAAI,iBAAmC,EAAC,CAAA;AAWxB,SAAA,YAAA,CACd,WACA,EAAA,aAAA,EAEA,aACA,EAAA;AACA,EAAA,MAAM,UAAU,YAAa,CAAA,KAAA,CAAM,EAAI,EAAA,cAAA,EAAgB,aAAa,CAAC,CAAA,CAAA;AACrE,EAAA,MAAA,CAAO,cAAiB,GAAA,OAAA,CAAA;AAExB,EAAA,MAAM,KAAQ,GAAA,SAAA;AAAA,IACZ,KAAA,CAAM,SAAU,EAAA,EAAG,EAAE,MAAA,EAAQ,gBAAkB,EAAA,WAAA,IAAmB,IAAA,EAAI,EAAA;AAAA,MACpE,SAAS,EAAC;AAAA,KACX,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,KAAA,CAAM,OAAU,GAAA,OAAA,CAAA;AAEhB,EAAM,KAAA,CAAA,MAAA,GAAS,qBAAqB,KAAK,CAAA,CAAA;AACzC,EAAM,KAAA,CAAA,KAAA,GAAQ,MAAM,KAAK,CAAA,CAAA;AACzB,EAAA,KAAA,CAAM,SAAS,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA,EAAG,MAAM,MAAM,CAAA,CAAA;AAEhD,EAAA,KAAA,CAAM,MAAS,GAAA,KAAA,CAAM,EAAC,EAAG,WAAc,IAAA,CAAE,MAAQ,EAAA,EAAE,IAAM,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,EAAM,CAAA,CAAA;AAE5E,EAAO,OAAA,aAAA,GAAgB,KAAK,CAAK,IAAA,KAAA,CAAA;AACnC;;;;"}

package/dist/methods/injectStyles.d.ts

@@ -1,34 +0,0 @@
-import { ThemeUICSSObject } from 'theme-ui';
-
-/**
- * Esta función permite agregar estilos al tema principal de la aplicación, de
- * modo que estén disponibles para cualquier componente que lo requirea.
- *
- * @example
- *
- * injectStyles('buttons.myRedButton', {
- *   variant: 'buttons.primary',
- *   backgroundColor: 'red',
- * })
- */
-declare function injectStyles(path: string, styles: ThemeUICSSObject): void;
-/**
- * Esta función permite agregar estilos al tema principal de la aplicación, de
- * modo que estén disponibles para cualquier componente que lo requirea.
- *
- * @example
- *
- * injectStyles({
- *  layout: {
- *    panels: {
- *      myPanel: {
- *        ...
- *      }
- *    }
- *  }
- * })
- */
-declare function injectStyles(styles: ThemeUICSSObject): void;
-
-export { injectStyles };
-//# sourceMappingURL=injectStyles.d.ts.map

package/dist/methods/injectStyles.d.ts.map

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

package/dist/methods/injectStyles.js

@@ -1,10 +0,0 @@
-import { mainThemeEmitter } from './useMainTheme.js';
-
-function injectStyles(par1, par2) {
-  const path = typeof par1 === "string" ? par1 : "";
-  const styles = typeof par1 === "string" ? par2 : par1;
-  mainThemeEmitter.emit("newStyles", { path, styles });
-}
-
-export { injectStyles };
-//# sourceMappingURL=injectStyles.js.map

package/dist/methods/injectStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"injectStyles.js","sources":["../../src/methods/injectStyles.ts"],"sourcesContent":["import { ThemeUICSSObject } from 'theme-ui';\nimport { mainThemeEmitter } from './useMainTheme';\n\n/**\n * Esta función permite agregar estilos al tema principal de la aplicación, de\n * modo que estén disponibles para cualquier componente que lo requirea.\n *\n * @example\n *\n * injectStyles('buttons.myRedButton', {\n *   variant: 'buttons.primary',\n *   backgroundColor: 'red',\n * })\n */\nexport function injectStyles(path: string, styles: ThemeUICSSObject): void;\n\n/**\n * Esta función permite agregar estilos al tema principal de la aplicación, de\n * modo que estén disponibles para cualquier componente que lo requirea.\n *\n * @example\n *\n * injectStyles({\n *  layout: {\n *    panels: {\n *      myPanel: {\n *        ...\n *      }\n *    }\n *  }\n * })\n */\nexport function injectStyles(styles: ThemeUICSSObject): void;\n\nexport function injectStyles(\n  par1: string | ThemeUICSSObject,\n  par2?: ThemeUICSSObject,\n) {\n  const path = typeof par1 === 'string' ? par1 : '';\n  const styles = typeof par1 === 'string' ? (par2 as ThemeUICSSObject) : par1;\n\n  mainThemeEmitter.emit('newStyles', { path, styles });\n}\n"],"names":[],"mappings":";;AAkCgB,SAAA,YAAA,CACd,MACA,IACA,EAAA;AACA,EAAA,MAAM,IAAO,GAAA,OAAO,IAAS,KAAA,QAAA,GAAW,IAAO,GAAA,EAAA,CAAA;AAC/C,EAAA,MAAM,MAAS,GAAA,OAAO,IAAS,KAAA,QAAA,GAAY,IAA4B,GAAA,IAAA,CAAA;AAEvE,EAAA,gBAAA,CAAiB,IAAK,CAAA,WAAA,EAAa,EAAE,IAAA,EAAM,QAAQ,CAAA,CAAA;AACrD;;;;"}

package/dist/methods/makeStyledComponent.d.ts

@@ -1,29 +0,0 @@
-import * as react from 'react';
-import { FC } from 'react';
-import { ThemeUICSSObject } from 'theme-ui';
-
-/**
- * Permite crear un componente cuyos estilos pueden ser redefinidos por un
- * usuario final.
- *
- * Esto es así puesto que los estilos definidos serán agregados a un árbol que
- * el usuario puede consultar y sobreescribir. De esta manera los estilos
- * finales del componente serán aquellos definidos en este método pero
- * sobreescritos por los definidos por el usuario si es que existen.
- *
- * **Importante** Para aplicar la variante, se aplica un box alrededor del
- * componente que se está renderizando, con className="variant__holder". En caso
- * de que se quisiera evitar este comportamiento, se debe pasar unwraped = true
- *
- * @param displayName Este parámetro es importante para el debugger de React.
- * @param stylesPath La ruta donde se aplicarán los estilos, es importante asegurarse de que esa ruta ya no está siendo utilizada por otro componente.
- * @param styles Un objeto de estilos de ThemeUI
- * @param Component La definición del componente.
- * @returns Un componente reutilizable y exportable que tiene estilos aplicados.
- */
-declare function makeStyledComponent<T extends object>(displayName: string, stylesPath: string, styles: ThemeUICSSObject, Component: FC<T>, unwraped?: boolean): ((props: T) => react.JSX.Element) & {
-    displayName: string;
-};
-
-export { makeStyledComponent };
-//# sourceMappingURL=makeStyledComponent.d.ts.map

package/dist/methods/makeStyledComponent.d.ts.map

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

package/dist/methods/makeStyledComponent.js

@@ -1,39 +0,0 @@
-import { jsx, Fragment } from 'theme-ui/jsx-runtime';
-import { setValueByPath } from '@apia/util';
-import { useRef, useMemo, Suspense } from 'react';
-import { useThemeUI, Box } from 'theme-ui';
-import { getVariant } from '../util/getVariant.js';
-import { CustomThemeProvider } from './CustomThemeProvider.js';
-
-function makeStyledComponent(displayName, stylesPath, styles, Component, unwraped = false) {
-  return Object.assign(
-    (props) => {
-      const avoidFirstRender = useRef(0);
-      const { theme: tuiTheme } = useThemeUI();
-      const theme = useMemo(
-        () => () => ({
-          ...tuiTheme,
-          ...setValueByPath({}, stylesPath, styles)
-        }),
-        [tuiTheme]
-      );
-      if (unwraped) {
-        return /* @__PURE__ */ jsx(CustomThemeProvider, { customTheme: theme, children: /* @__PURE__ */ jsx(NoThemePrevent, { avoidFirstRender, children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(Component, { ...props }) }) }) });
-      }
-      return /* @__PURE__ */ jsx(CustomThemeProvider, { customTheme: theme, children: /* @__PURE__ */ jsx(NoThemePrevent, { avoidFirstRender, children: /* @__PURE__ */ jsx(Box, { className: "variant__holder", ...getVariant(stylesPath), children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(Component, { ...props }) }) }) }) });
-    },
-    { displayName }
-  );
-}
-const NoThemePrevent = ({
-  avoidFirstRender,
-  children
-}) => {
-  avoidFirstRender.current++;
-  if (avoidFirstRender.current <= 1)
-    return null;
-  return /* @__PURE__ */ jsx(Fragment, { children });
-};
-
-export { makeStyledComponent };
-//# sourceMappingURL=makeStyledComponent.js.map

package/dist/methods/makeStyledComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"makeStyledComponent.js","sources":["../../src/methods/makeStyledComponent.tsx"],"sourcesContent":["import { setValueByPath } from '@apia/util';\nimport {\n  FC,\n  MutableRefObject,\n  ReactNode,\n  Suspense,\n  useMemo,\n  useRef,\n} from 'react';\nimport { ThemeUICSSObject, Box, useThemeUI } from 'theme-ui';\nimport { getVariant } from '../util/getVariant';\nimport { CustomThemeProvider } from './CustomThemeProvider';\n\n/**\n * Permite crear un componente cuyos estilos pueden ser redefinidos por un\n * usuario final.\n *\n * Esto es así puesto que los estilos definidos serán agregados a un árbol que\n * el usuario puede consultar y sobreescribir. De esta manera los estilos\n * finales del componente serán aquellos definidos en este método pero\n * sobreescritos por los definidos por el usuario si es que existen.\n *\n * **Importante** Para aplicar la variante, se aplica un box alrededor del\n * componente que se está renderizando, con className=\"variant__holder\". En caso\n * de que se quisiera evitar este comportamiento, se debe pasar unwraped = true\n *\n * @param displayName Este parámetro es importante para el debugger de React.\n * @param stylesPath La ruta donde se aplicarán los estilos, es importante asegurarse de que esa ruta ya no está siendo utilizada por otro componente.\n * @param styles Un objeto de estilos de ThemeUI\n * @param Component La definición del componente.\n * @returns Un componente reutilizable y exportable que tiene estilos aplicados.\n */\nexport function makeStyledComponent<T extends object>(\n  displayName: string,\n  stylesPath: string,\n  styles: ThemeUICSSObject,\n  Component: FC<T>,\n  unwraped = false,\n) {\n  return Object.assign(\n    (props: T) => {\n      const avoidFirstRender = useRef(0);\n      const { theme: tuiTheme } = useThemeUI();\n      const theme = useMemo(\n        () => () => ({\n          ...tuiTheme,\n          ...setValueByPath({}, stylesPath, styles),\n        }),\n        [tuiTheme],\n      );\n\n      if (unwraped) {\n        return (\n          <CustomThemeProvider customTheme={theme}>\n            <NoThemePrevent avoidFirstRender={avoidFirstRender}>\n              <Suspense>\n                <Component {...props} />\n              </Suspense>\n            </NoThemePrevent>\n          </CustomThemeProvider>\n        );\n      }\n      return (\n        <CustomThemeProvider customTheme={theme}>\n          <NoThemePrevent avoidFirstRender={avoidFirstRender}>\n            <Box className=\"variant__holder\" {...getVariant(stylesPath)}>\n              <Suspense>\n                <Component {...props} />\n              </Suspense>\n            </Box>\n          </NoThemePrevent>\n        </CustomThemeProvider>\n      );\n    },\n    { displayName },\n  );\n}\n\nconst NoThemePrevent = ({\n  avoidFirstRender,\n  children,\n}: {\n  avoidFirstRender: MutableRefObject<number>;\n  children: ReactNode;\n}) => {\n  // eslint-disable-next-line no-param-reassign\n  avoidFirstRender.current++;\n\n  if (avoidFirstRender.current <= 1) return null;\n\n  return <>{children}</>;\n};\n"],"names":[],"mappings":";;;;;;;AAgCO,SAAS,oBACd,WACA,EAAA,UAAA,EACA,MACA,EAAA,SAAA,EACA,WAAW,KACX,EAAA;AACA,EAAA,OAAO,MAAO,CAAA,MAAA;AAAA,IACZ,CAAC,KAAa,KAAA;AACZ,MAAM,MAAA,gBAAA,GAAmB,OAAO,CAAC,CAAA,CAAA;AACjC,MAAA,MAAM,EAAE,KAAA,EAAO,QAAS,EAAA,GAAI,UAAW,EAAA,CAAA;AACvC,MAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,QACZ,MAAM,OAAO;AAAA,UACX,GAAG,QAAA;AAAA,UACH,GAAG,cAAA,CAAe,EAAC,EAAG,YAAY,MAAM,CAAA;AAAA,SAC1C,CAAA;AAAA,QACA,CAAC,QAAQ,CAAA;AAAA,OACX,CAAA;AAEA,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,uBACG,GAAA,CAAA,mBAAA,EAAA,EAAoB,WAAa,EAAA,KAAA,EAChC,8BAAC,cAAe,EAAA,EAAA,gBAAA,EACd,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EACC,8BAAC,SAAW,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA,EACxB,GACF,CACF,EAAA,CAAA,CAAA;AAAA,OAEJ;AACA,MACE,uBAAA,GAAA,CAAC,mBAAoB,EAAA,EAAA,WAAA,EAAa,KAChC,EAAA,QAAA,kBAAA,GAAA,CAAC,kBAAe,gBACd,EAAA,QAAA,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAU,iBAAmB,EAAA,GAAG,WAAW,UAAU,CAAA,EACxD,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAO,EAAA,CAAA,EACxB,CACF,EAAA,CAAA,EACF,CACF,EAAA,CAAA,CAAA;AAAA,KAEJ;AAAA,IACA,EAAE,WAAY,EAAA;AAAA,GAChB,CAAA;AACF,CAAA;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB,gBAAA;AAAA,EACA,QAAA;AACF,CAGM,KAAA;AAEJ,EAAiB,gBAAA,CAAA,OAAA,EAAA,CAAA;AAEjB,EAAA,IAAI,iBAAiB,OAAW,IAAA,CAAA;AAAG,IAAO,OAAA,IAAA,CAAA;AAE1C,EAAA,uCAAU,QAAS,EAAA,CAAA,CAAA;AACrB,CAAA;;;;"}

package/dist/methods/spacingLayout/index.d.ts

@@ -1,23 +0,0 @@
-declare const spacingLayouts: readonly ["dense", "clever", "vertical__clever", "horizontal__clever"];
-type TSpacingLayout = (typeof spacingLayouts)[number];
-declare function getSpacingLayouts(): {
-    '&.dense': {
-        px: number;
-        py: number;
-    };
-    '&.horizontal__clever': {
-        px: number;
-        py: number;
-    };
-    '&.vertical__clever': {
-        px: number;
-        py: number;
-    };
-    '&.clever': {
-        px: number;
-        py: number;
-    };
-};
-
-export { type TSpacingLayout, getSpacingLayouts, spacingLayouts };
-//# sourceMappingURL=index.d.ts.map

package/dist/methods/spacingLayout/index.d.ts.map

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

package/dist/methods/spacingLayout/index.js

@@ -1,29 +0,0 @@
-const spacingLayouts = [
-  "dense",
-  "clever",
-  "vertical__clever",
-  "horizontal__clever"
-];
-function getSpacingLayouts() {
-  return {
-    "&.dense": {
-      px: 0,
-      py: 0
-    },
-    "&.horizontal__clever": {
-      px: 4,
-      py: 0
-    },
-    "&.vertical__clever": {
-      px: 0,
-      py: 4
-    },
-    "&.clever": {
-      px: 4,
-      py: 4
-    }
-  };
-}
-
-export { getSpacingLayouts, spacingLayouts };
-//# sourceMappingURL=index.js.map

package/dist/methods/spacingLayout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/methods/spacingLayout/index.ts"],"sourcesContent":["export const spacingLayouts = [\n  'dense',\n  'clever',\n  'vertical__clever',\n  'horizontal__clever',\n] as const;\n\nexport type TSpacingLayout = (typeof spacingLayouts)[number];\n\nexport function getSpacingLayouts() {\n  return {\n    '&.dense': {\n      px: 0,\n      py: 0,\n    },\n    '&.horizontal__clever': {\n      px: 4,\n      py: 0,\n    },\n    '&.vertical__clever': {\n      px: 0,\n      py: 4,\n    },\n    '&.clever': {\n      px: 4,\n      py: 4,\n    },\n  };\n}\n"],"names":[],"mappings":"AAAO,MAAM,cAAiB,GAAA;AAAA,EAC5B,OAAA;AAAA,EACA,QAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AACF,EAAA;AAIO,SAAS,iBAAoB,GAAA;AAClC,EAAO,OAAA;AAAA,IACL,SAAW,EAAA;AAAA,MACT,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,IACA,sBAAwB,EAAA;AAAA,MACtB,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,IACA,oBAAsB,EAAA;AAAA,MACpB,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,IACA,UAAY,EAAA;AAAA,MACV,EAAI,EAAA,CAAA;AAAA,MACJ,EAAI,EAAA,CAAA;AAAA,KACN;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/methods/useMainTheme.d.ts

@@ -1,8 +0,0 @@
-import * as _theme_ui_css from '@theme-ui/css';
-import { CustomTheme } from '../themeuiExports.js';
-import { TCustomPalette, TThemeModifier } from '../base/colors/types.js';
-
-declare function useMainTheme(customTheme?: () => CustomTheme, customPalette?: TCustomPalette, themeModifier?: TThemeModifier): _theme_ui_css.Theme<{}>;
-
-export { useMainTheme };
-//# sourceMappingURL=useMainTheme.d.ts.map

package/dist/methods/useMainTheme.d.ts.map

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

package/dist/methods/useMainTheme.js

@@ -1,45 +0,0 @@
-import merge from 'lodash-es/merge';
-import { useMount, setValueByPath, EventEmitter } from '@apia/util';
-import { useState, useRef } from 'react';
-import { getMainTheme } from './getMainTheme.js';
-
-const injectedStyles = {};
-class MainThemeEmitter extends EventEmitter {
-}
-const mainThemeEmitter = new MainThemeEmitter();
-function handleNewStyles(ev) {
-  injectedStyles[ev.path] = ev.styles;
-}
-const unSubscribe = mainThemeEmitter.on("newStyles", handleNewStyles);
-function useMainTheme(customTheme, customPalette, themeModifier) {
-  const [theme, setTheme] = useState(
-    getMainTheme(customTheme, customPalette, themeModifier)
-  );
-  const previousTheme = useRef(customTheme);
-  const previousPalette = useRef(customPalette);
-  if (previousTheme.current !== customTheme)
-    setTheme(getMainTheme(customTheme));
-  previousTheme.current = customTheme;
-  if (previousPalette.current !== customPalette)
-    setTheme(getMainTheme(customTheme, customPalette));
-  previousPalette.current = customPalette;
-  useMount(() => {
-    setTheme((current) => {
-      unSubscribe();
-      let initialTheme = { ...current };
-      Object.entries(injectedStyles).forEach(([path, styles]) => {
-        const newStyles = setValueByPath({}, path, styles);
-        initialTheme = merge(initialTheme, newStyles);
-      });
-      return initialTheme;
-    });
-    return mainThemeEmitter.on("newStyles", (ev) => {
-      const newStyles = setValueByPath({}, ev.path, ev.styles);
-      setTheme((current) => merge({ ...current }, newStyles));
-    });
-  });
-  return theme;
-}
-
-export { mainThemeEmitter, useMainTheme };
-//# sourceMappingURL=useMainTheme.js.map

package/dist/methods/useMainTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMainTheme.js","sources":["../../src/methods/useMainTheme.ts"],"sourcesContent":["import { Theme, ThemeUICSSObject } from 'theme-ui';\nimport merge from 'lodash-es/merge';\nimport { EventEmitter, setValueByPath, useMount } from '@apia/util';\nimport { useRef, useState } from 'react';\nimport { getMainTheme } from './getMainTheme';\nimport { CustomTheme } from '../themeuiExports';\nimport { TCustomPalette, TThemeModifier } from '../base/colors/types';\n\nlet declaredStyles: ThemeUICSSObject = {};\n\nexport function getInjectedStyles() {\n  return injectedStyles;\n}\n\nconst injectedStyles: Record<string, ThemeUICSSObject> = {};\n\nclass MainThemeEmitter extends EventEmitter<{\n  newStyles: {\n    path: string;\n    styles: ThemeUICSSObject;\n  };\n}> {}\n\nexport const mainThemeEmitter = new MainThemeEmitter();\n\nfunction handleNewStyles(ev: { path: string; styles: ThemeUICSSObject }) {\n  injectedStyles[ev.path] = ev.styles;\n}\n\nconst unSubscribe = mainThemeEmitter.on('newStyles', handleNewStyles);\n\nexport function declareStyles(\n  path: string,\n  styles: ThemeUICSSObject | Record<string, ThemeUICSSObject>,\n) {\n  const newStyles = {};\n  setValueByPath(newStyles, path, styles);\n  declaredStyles = merge(declaredStyles, newStyles);\n}\n\nexport function useMainTheme(\n  customTheme?: () => CustomTheme,\n  customPalette?: TCustomPalette,\n  themeModifier?: TThemeModifier,\n) {\n  const [theme, setTheme] = useState<Theme>(\n    getMainTheme(customTheme, customPalette, themeModifier),\n  );\n\n  const previousTheme = useRef<(() => CustomTheme) | undefined>(customTheme);\n  const previousPalette = useRef<TCustomPalette | undefined>(customPalette);\n\n  if (previousTheme.current !== customTheme)\n    setTheme(getMainTheme(customTheme));\n\n  previousTheme.current = customTheme;\n\n  if (previousPalette.current !== customPalette)\n    setTheme(getMainTheme(customTheme, customPalette));\n\n  previousPalette.current = customPalette;\n\n  useMount(() => {\n    setTheme((current) => {\n      unSubscribe();\n      let initialTheme = { ...current };\n      Object.entries(injectedStyles).forEach(([path, styles]) => {\n        const newStyles = setValueByPath({}, path, styles);\n        initialTheme = merge(initialTheme, newStyles);\n      });\n      return initialTheme;\n    });\n    return mainThemeEmitter.on('newStyles', (ev) => {\n      const newStyles = setValueByPath({}, ev.path, ev.styles);\n      setTheme((current) => merge({ ...current }, newStyles));\n    });\n  });\n\n  return theme;\n}\n"],"names":[],"mappings":";;;;;AAcA,MAAM,iBAAmD,EAAC,CAAA;AAE1D,MAAM,yBAAyB,YAK5B,CAAA;AAAC,CAAA;AAES,MAAA,gBAAA,GAAmB,IAAI,gBAAiB,GAAA;AAErD,SAAS,gBAAgB,EAAgD,EAAA;AACvE,EAAe,cAAA,CAAA,EAAA,CAAG,IAAI,CAAA,GAAI,EAAG,CAAA,MAAA,CAAA;AAC/B,CAAA;AAEA,MAAM,WAAc,GAAA,gBAAA,CAAiB,EAAG,CAAA,WAAA,EAAa,eAAe,CAAA,CAAA;AAWpD,SAAA,YAAA,CACd,WACA,EAAA,aAAA,EACA,aACA,EAAA;AACA,EAAM,MAAA,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA;AAAA,IACxB,YAAA,CAAa,WAAa,EAAA,aAAA,EAAe,aAAa,CAAA;AAAA,GACxD,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgB,OAAwC,WAAW,CAAA,CAAA;AACzE,EAAM,MAAA,eAAA,GAAkB,OAAmC,aAAa,CAAA,CAAA;AAExE,EAAA,IAAI,cAAc,OAAY,KAAA,WAAA;AAC5B,IAAS,QAAA,CAAA,YAAA,CAAa,WAAW,CAAC,CAAA,CAAA;AAEpC,EAAA,aAAA,CAAc,OAAU,GAAA,WAAA,CAAA;AAExB,EAAA,IAAI,gBAAgB,OAAY,KAAA,aAAA;AAC9B,IAAS,QAAA,CAAA,YAAA,CAAa,WAAa,EAAA,aAAa,CAAC,CAAA,CAAA;AAEnD,EAAA,eAAA,CAAgB,OAAU,GAAA,aAAA,CAAA;AAE1B,EAAA,QAAA,CAAS,MAAM;AACb,IAAA,QAAA,CAAS,CAAC,OAAY,KAAA;AACpB,MAAY,WAAA,EAAA,CAAA;AACZ,MAAI,IAAA,YAAA,GAAe,EAAE,GAAG,OAAQ,EAAA,CAAA;AAChC,MAAO,MAAA,CAAA,OAAA,CAAQ,cAAc,CAAE,CAAA,OAAA,CAAQ,CAAC,CAAC,IAAA,EAAM,MAAM,CAAM,KAAA;AACzD,QAAA,MAAM,SAAY,GAAA,cAAA,CAAe,EAAC,EAAG,MAAM,MAAM,CAAA,CAAA;AACjD,QAAe,YAAA,GAAA,KAAA,CAAM,cAAc,SAAS,CAAA,CAAA;AAAA,OAC7C,CAAA,CAAA;AACD,MAAO,OAAA,YAAA,CAAA;AAAA,KACR,CAAA,CAAA;AACD,IAAA,OAAO,gBAAiB,CAAA,EAAA,CAAG,WAAa,EAAA,CAAC,EAAO,KAAA;AAC9C,MAAA,MAAM,YAAY,cAAe,CAAA,IAAI,EAAG,CAAA,IAAA,EAAM,GAAG,MAAM,CAAA,CAAA;AACvD,MAAS,QAAA,CAAA,CAAC,YAAY,KAAM,CAAA,EAAE,GAAG,OAAQ,EAAA,EAAG,SAAS,CAAC,CAAA,CAAA;AAAA,KACvD,CAAA,CAAA;AAAA,GACF,CAAA,CAAA;AAED,EAAO,OAAA,KAAA,CAAA;AACT;;;;"}

package/dist/themeuiExports.d.ts

@@ -1,7 +0,0 @@
-import { Theme } from 'theme-ui';
-export { Alert, AlertProps, AspectImage, AspectImageProps, AspectRatio, AspectRatioProps, Avatar, AvatarProps, Badge, BadgeProps, BaseStyles, Box, BoxOwnProps, BoxProps, Button, ButtonProps, CSSObject, CSSProperties, CSSPseudoSelectorProps, Card, CardProps, Checkbox, CheckboxProps, Close, CloseIcon, CloseProps, ColorMode, ColorModesScale, Container, ContainerProps, Divider, DividerProps, Donut, DonutProps, Embed, EmbedProps, Field, FieldOwnProps, FieldProps, Flex, FlexOwnProps, FlexProps, Global, Grid, GridProps, Heading, HeadingProps, IconButton, IconButtonProps, Image, ImageProps, InitializeColorMode, Input, InputProps, Label, LabelProps, Link, LinkProps, MenuButton, MenuButtonProps, MenuIcon, Message, MessageProps, NavLink, NavLinkProps, Paragraph, ParagraphProps, Progress, ProgressProps, Radio, RadioProps, ResponsiveStyleValue, Select, SelectProps, Slider, SliderProps, Spinner, SpinnerProps, StylePropertyValue, Switch, SwitchProps, SxProp, TLengthStyledSystem, Text, TextProps, Textarea, TextareaProps, Theme, ThemeStyles, ThemeUICSSObject, ThemeUICSSProperties, ThemeUIContextValue, ThemeUIStyleObject, createElement, css, get, merge, useColorMode, useThemeUI } from 'theme-ui';
-
-type CustomTheme = Omit<Theme, 'palette'>;
-
-export type { CustomTheme };
-//# sourceMappingURL=themeuiExports.d.ts.map

package/dist/themeuiExports.d.ts.map

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

package/dist/util/getVariant.d.ts

@@ -1,7 +0,0 @@
-declare function getVariant(variant: string): {
-    variant: string;
-    'data-variant': string;
-};
-
-export { getVariant };
-//# sourceMappingURL=getVariant.d.ts.map

package/dist/util/getVariant.d.ts.map

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

package/dist/util/getVariant.js

@@ -1,6 +0,0 @@
-function getVariant(variant) {
-  return { variant, "data-variant": variant };
-}
-
-export { getVariant };
-//# sourceMappingURL=getVariant.js.map

package/dist/util/getVariant.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getVariant.js","sources":["../../src/util/getVariant.ts"],"sourcesContent":["export function getVariant(variant: string) {\r\n  return { variant, 'data-variant': variant };\r\n}\r\n"],"names":[],"mappings":"AAAO,SAAS,WAAW,OAAiB,EAAA;AAC1C,EAAO,OAAA,EAAE,OAAS,EAAA,cAAA,EAAgB,OAAQ,EAAA,CAAA;AAC5C;;;;"}

package/dist/util.d.ts

@@ -1,43 +0,0 @@
-import { ResponsiveStyleValue, ThemeUICSSObject } from 'theme-ui';
-
-/**
- * Esta función devuelve un array de valores para los distintos breakpoints.
- *
- * **Importante** Debido a un issue con ThemeUI, es necesario agregar un
- * breakpoint inicial de 0px para las vistas de impresión. El comportamiento por
- * defecto será, si se pasa un valor para el índice 4, esta será tomada como
- * vista de impresión, sino se tomará el valor de mayor índice menor que 4.
- *
- * @example
- *
- * display: responsive({0: 'none', 3: 'block'}) // display: ['block', 'none', null, null, 'block'];
- */
-declare function responsive<T>(values: {
-    print?: T;
-    [key: number]: undefined | T;
-}): ResponsiveStyleValue<T>;
-/**
- * Este método permite aplicar espacios (gaps, márgenes y paddings) que se
- * tendrán un comportamiento responsivo por defecto. Esto es, cuando tenemos un
- * padding en una vista de escritorio, probablemente sea demasiado grande al
- * llevarlo a celular. Con esta función se elimina el problema de calcular para
- * cada elemento en forma individual y el problema se convierte en encontrar
- * una única fórmula que quede correcta para todos los breakpoints.
- *
- * @example
- *
- * '.wellPaddedElement': {
- *    p: spacing(6),
- *    pt: spacing(8)
- * }
- */
-declare function spacing(index: number): ResponsiveStyleValue<number>;
-declare const smallButton: {
-    py: number;
-    px: number;
-    fontSize: string;
-};
-declare const focusOutline: ThemeUICSSObject;
-
-export { focusOutline, responsive, smallButton, spacing };
-//# sourceMappingURL=util.d.ts.map

package/dist/util.d.ts.map

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

package/dist/util.js

@@ -1,34 +0,0 @@
-import defaultPalette from './base/colors/defaultPalette.js';
-
-function responsive(values) {
-  const returnArray = [];
-  const max = 6;
-  for (let i = 0; i <= max; i++)
-    returnArray[i + 1] = values[i] ?? null;
-  if (values.print)
-    returnArray[0] = values.print;
-  else {
-    for (let i = 5; i >= 0; i--) {
-      if (values[i] !== void 0)
-        returnArray[0] = values[i];
-    }
-  }
-  return returnArray;
-}
-function spacing(index) {
-  return defaultPalette.spacing(index) ?? index;
-}
-const smallButton = {
-  py: 2,
-  px: 4,
-  fontSize: "0.9em"
-};
-const focusOutline = {
-  outlineColor: "outlineColor",
-  outlineWidth: "3px",
-  outlineStyle: "solid",
-  outlineOffset: "-3px"
-};
-
-export { focusOutline, responsive, smallButton, spacing };
-//# sourceMappingURL=util.js.map

package/dist/util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sources":["../src/util.ts"],"sourcesContent":["import { ResponsiveStyleValue, ThemeUICSSObject } from 'theme-ui';\nimport defaultPalette from './base/colors/defaultPalette';\n\n/**\n * Esta función devuelve un array de valores para los distintos breakpoints.\n *\n * **Importante** Debido a un issue con ThemeUI, es necesario agregar un\n * breakpoint inicial de 0px para las vistas de impresión. El comportamiento por\n * defecto será, si se pasa un valor para el índice 4, esta será tomada como\n * vista de impresión, sino se tomará el valor de mayor índice menor que 4.\n *\n * @example\n *\n * display: responsive({0: 'none', 3: 'block'}) // display: ['block', 'none', null, null, 'block'];\n */\n\nexport function responsive<T>(values: {\n  print?: T;\n  [key: number]: undefined | T;\n}): ResponsiveStyleValue<T> {\n  const returnArray = [];\n  const max = 6;\n  for (let i = 0; i <= max; i++) returnArray[i + 1] = values[i] ?? null;\n\n  if (values.print) returnArray[0] = values.print;\n  else {\n    for (let i = 5; i >= 0; i--) {\n      if (values[i] !== undefined) returnArray[0] = values[i];\n    }\n  }\n\n  return returnArray;\n}\n\n/**\n * Este método permite aplicar espacios (gaps, márgenes y paddings) que se\n * tendrán un comportamiento responsivo por defecto. Esto es, cuando tenemos un\n * padding en una vista de escritorio, probablemente sea demasiado grande al\n * llevarlo a celular. Con esta función se elimina el problema de calcular para\n * cada elemento en forma individual y el problema se convierte en encontrar\n * una única fórmula que quede correcta para todos los breakpoints.\n *\n * @example\n *\n * '.wellPaddedElement': {\n *    p: spacing(6),\n *    pt: spacing(8)\n * }\n */\nexport function spacing(index: number): ResponsiveStyleValue<number> {\n  return defaultPalette.spacing(index) ?? index;\n}\n\nexport const smallButton = {\n  py: 2,\n  px: 4,\n  fontSize: '0.9em',\n};\n\nexport const focusOutline: ThemeUICSSObject = {\n  outlineColor: 'outlineColor',\n  outlineWidth: '3px',\n  outlineStyle: 'solid',\n  outlineOffset: '-3px',\n};\n"],"names":[],"mappings":";;AAgBO,SAAS,WAAc,MAGF,EAAA;AAC1B,EAAA,MAAM,cAAc,EAAC,CAAA;AACrB,EAAA,MAAM,GAAM,GAAA,CAAA,CAAA;AACZ,EAAS,KAAA,IAAA,CAAA,GAAI,CAAG,EAAA,CAAA,IAAK,GAAK,EAAA,CAAA,EAAA;AAAK,IAAA,WAAA,CAAY,CAAI,GAAA,CAAC,CAAI,GAAA,MAAA,CAAO,CAAC,CAAK,IAAA,IAAA,CAAA;AAEjE,EAAA,IAAI,MAAO,CAAA,KAAA;AAAO,IAAY,WAAA,CAAA,CAAC,IAAI,MAAO,CAAA,KAAA,CAAA;AAAA,OACrC;AACH,IAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAK,IAAA,CAAA,EAAG,CAAK,EAAA,EAAA;AAC3B,MAAI,IAAA,MAAA,CAAO,CAAC,CAAM,KAAA,KAAA,CAAA;AAAW,QAAY,WAAA,CAAA,CAAC,CAAI,GAAA,MAAA,CAAO,CAAC,CAAA,CAAA;AAAA,KACxD;AAAA,GACF;AAEA,EAAO,OAAA,WAAA,CAAA;AACT,CAAA;AAiBO,SAAS,QAAQ,KAA6C,EAAA;AACnE,EAAO,OAAA,cAAA,CAAe,OAAQ,CAAA,KAAK,CAAK,IAAA,KAAA,CAAA;AAC1C,CAAA;AAEO,MAAM,WAAc,GAAA;AAAA,EACzB,EAAI,EAAA,CAAA;AAAA,EACJ,EAAI,EAAA,CAAA;AAAA,EACJ,QAAU,EAAA,OAAA;AACZ,EAAA;AAEO,MAAM,YAAiC,GAAA;AAAA,EAC5C,YAAc,EAAA,cAAA;AAAA,EACd,YAAc,EAAA,KAAA;AAAA,EACd,YAAc,EAAA,OAAA;AAAA,EACd,aAAe,EAAA,MAAA;AACjB;;;;"}