@apia/theme 1.0.4 → 2.0.0

package/dist/methods/spacingLayout/index.js

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+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

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

package/dist/methods/useMainTheme.js

@@ -0,0 +1,45 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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

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

package/dist/util/getVariant.d.ts

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

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

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

package/dist/util/getVariant.js

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

package/dist/util/getVariant.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,43 @@
+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

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

package/dist/util.js

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1 @@
+{"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;;;;"}

package/jsx-runtime/dist/jsx-runtime.d.ts

@@ -0,0 +1,3 @@
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';
+export type { JSX } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/dist/theme-ui-jsx-runtime.browser.esm.js

@@ -0,0 +1,2 @@
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./jsx-runtime";
+//# sourceMappingURL=theme-ui-jsx-runtime.cjs.d.ts.map

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-ui-jsx-runtime.cjs.d.ts","sourceRoot":"","sources":["../../dist/declarations/src/jsx-runtime.d.ts"],"names":[],"mappings":"AAAA"}

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.dev.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var jsxRuntime = require('@theme-ui/core/jsx-runtime');
+
+
+
+Object.defineProperty(exports, 'Fragment', {
+	enumerable: true,
+	get: function () { return react.Fragment; }
+});
+Object.defineProperty(exports, 'jsx', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsx; }
+});
+Object.defineProperty(exports, 'jsxs', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsxs; }
+});

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./theme-ui-jsx-runtime.cjs.prod.js");
+} else {
+  module.exports = require("./theme-ui-jsx-runtime.cjs.dev.js");
+}

package/jsx-runtime/dist/theme-ui-jsx-runtime.cjs.prod.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var jsxRuntime = require('@theme-ui/core/jsx-runtime');
+
+
+
+Object.defineProperty(exports, 'Fragment', {
+	enumerable: true,
+	get: function () { return react.Fragment; }
+});
+Object.defineProperty(exports, 'jsx', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsx; }
+});
+Object.defineProperty(exports, 'jsxs', {
+	enumerable: true,
+	get: function () { return jsxRuntime.jsxs; }
+});

package/jsx-runtime/dist/theme-ui-jsx-runtime.esm.js

@@ -0,0 +1,2 @@
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/dist/theme-ui-jsx-runtime.worker.esm.js

@@ -0,0 +1,2 @@
+export { Fragment } from 'react';
+export { jsx, jsxs } from '@theme-ui/core/jsx-runtime';

package/jsx-runtime/package.json

@@ -0,0 +1,8 @@
+{
+  "main": "dist/theme-ui-jsx-runtime.cjs.js",
+  "module": "dist/theme-ui-jsx-runtime.esm.js",
+  "browser": {
+    "./dist/theme-ui-jsx-runtime.esm.js": "./dist/theme-ui-jsx-runtime.browser.esm.js"
+  },
+  "types": "dist/theme-ui-jsx-runtime.cjs.d.ts"
+}

package/package.json

@@ -1,52 +1,56 @@
 {
   "name": "@apia/theme",
-  "version": "1.0.4",
-  "description": "> TODO: description",
-  "author": "alexisleite <alexisleite@live.com>",
-  "homepage": "",
-  "license": "MIT",
+  "version": "2.0.0",
   "sideEffects": false,
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "scripts": {
-    "build": "rollup -c rollup.config.esb.mjs",
-    "buildDev": "rollup -c rollup.config.esb.mjs --dev",
-    "watch": "rollup -c rollup.config.esb.mjs --dev --watch"
+  "author": "Alexis Leite <alexisleite@live.com>",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "type": "module",
+  "typings": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "main": "./dist/index.js",
+      "module": "./dist/index.js",
+      "typings": "./dist/index.d.ts"
+    },
+    "./jsx-runtime": {
+      "module": {
+        "worker": "./jsx-runtime/dist/theme-ui-jsx-runtime.worker.esm.js",
+        "browser": "./jsx-runtime/dist/theme-ui-jsx-runtime.browser.esm.js",
+        "default": "./jsx-runtime/dist/theme-ui-jsx-runtime.esm.js"
+      },
+      "default": "./jsx-runtime/dist/theme-ui-jsx-runtime.cjs.js"
+    }
   },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^24.0.1",
-    "@rollup/plugin-json": "^6.0.0",
-    "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-terser": "^0.4.0",
-    "@rollup/plugin-typescript": "^11.0.0",
-    "@types/lodash": "^4.14.192",
-    "@types/tinycolor2": "^1.4.3",
-    "esbuild": "^0.17.14",
-    "rollup": "^3.20.2",
-    "rollup-plugin-bundle-analyzer": "^1.6.6",
-    "rollup-plugin-dts": "^5.3.0",
-    "rollup-plugin-esbuild": "^5.0.0",
-    "typescript": "^4.9.5"
+  "scripts": {
+    "libDev": "rollup --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts",
+    "libBuild": "rollup --config ../../config/rollup.common.mjs --environment MODE:production,ENTRY:index.ts",
+    "libWatch": "rollup --watch --config ../../config/rollup.common.mjs --environment MODE:development,ENTRY:index.ts,WATCH:true"
   },
   "dependencies": {
-    "@apia/util": "^1.0.4",
-    "@theme-ui/match-media": "^0.16.0",
-    "lodash": "^4.17.21",
-    "theme-ui": "^0.16.0",
-    "tinycolor2": "^1.6.0"
+    "theme-ui": "^0.16.2"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@types/remarkable": "^2.0.8",
+    "@types/tinycolor2": "^1.4.6",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "axios": "^1.3.5",
+    "typescript": "5.4.2"
   },
   "peerDependencies": {
+    "@apia/util": "../util",
     "@emotion/react": "^11.10.6",
-    "react": "^18.2.0"
-  },
-  "gitHead": "6c198a4643a693e25634e89cb227c56d9d12476d",
-  "repository": {
-    "type": "git",
-    "url": "http://corp-gitlab-01.domst.st.net/products/apia/ApiaNPMPackages.git",
-    "directory": "packages/theme"
+    "@theme-ui/css": "^0.16.2",
+    "@theme-ui/match-media": "^0.16.0",
+    "lodash-es": "^4.17.21",
+    "react": "^18.2.0",
+    "remarkable": "^2.0.1"
   },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
-  }
+  },
+  "gitHead": "755c990cc9875e99922cc0f7194d9f0a479bdc71"
 }

package/LICENSE.md

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) [year] [fullname]
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/README.md

@@ -1 +0,0 @@
-# Theme

package/cleanDist.json

@@ -1,3 +0,0 @@
-{
-  "cleanDist": 0.1267229072582874
-}