@tamagui/core 1.0.1-beta.21 → 1.0.1-beta.210

package/dist/jsx/helpers/createTamaguiProvider.js

@@ -1,34 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import * as React from "react";
-import { ButtonInsideButtonContext } from "../contexts/ButtonInsideButtonContext";
-import { TextAncestorProvider } from "../views/TextAncestorContext";
-import { ThemeProvider } from "../views/ThemeProvider";
-function createTamaguiProvider({
-  getCSS,
-  ...themeProps
-}) {
-  return /* @__PURE__ */ __name(function TamaguiProvider({
-    injectCSS,
-    children,
-    ...themePropsProvider
-  }) {
-    if (typeof document !== "undefined") {
-      React.useLayoutEffect(() => {
-        if (!injectCSS)
-          return;
-        const style = document.createElement("style");
-        style.appendChild(document.createTextNode(getCSS()));
-        document.head.appendChild(style);
-        return () => {
-          document.head.removeChild(style);
-        };
-      }, []);
-    }
-    return <ButtonInsideButtonContext.Provider value={false}><TextAncestorProvider><ThemeProvider {...themeProps} {...themePropsProvider}>{children}</ThemeProvider></TextAncestorProvider></ButtonInsideButtonContext.Provider>;
-  }, "TamaguiProvider");
-}
-__name(createTamaguiProvider, "createTamaguiProvider");
-export {
-  createTamaguiProvider
-};

package/dist/jsx/helpers/extendStaticConfig.js

@@ -1,61 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { stylePropsView } from "@tamagui/helpers";
-import { createPropMapper } from "./createPropMapper";
-function extendStaticConfig(config, parent) {
-  var _a;
-  if (!parent || !("staticConfig" in parent)) {
-    return parseStaticConfig(config);
-  }
-  const variants = {
-    ...parent.staticConfig.variants
-  };
-  if (config.variants) {
-    for (const key in config.variants) {
-      if (variants[key]) {
-        variants[key] = {
-          ...variants[key],
-          ...config.variants[key]
-        };
-      } else {
-        variants[key] = config.variants[key];
-      }
-    }
-  }
-  return parseStaticConfig({
-    ...parent.staticConfig,
-    ...config,
-    variants,
-    isZStack: config.isZStack || parent.staticConfig.isZStack,
-    isText: config.isText || parent.staticConfig.isText || false,
-    isInput: config.isInput || parent.staticConfig.isInput || false,
-    neverFlatten: config.neverFlatten || parent.staticConfig.neverFlatten,
-    ensureOverriddenProp: (_a = config.ensureOverriddenProp) != null ? _a : parent.staticConfig.ensureOverriddenProp,
-    validStyles: config.validStyles ? {
-      ...parent.staticConfig.validStyles,
-      ...config.validStyles
-    } : parent.staticConfig.validStyles || stylePropsView,
-    defaultVariants: {
-      ...parent.staticConfig.defaultVariants,
-      ...config.defaultVariants
-    },
-    defaultProps: {
-      ...parent.staticConfig.defaultProps,
-      ...parent.staticConfig.defaultVariants,
-      ...config.defaultProps,
-      ...config.defaultVariants
-    }
-  });
-}
-__name(extendStaticConfig, "extendStaticConfig");
-const parseStaticConfig = /* @__PURE__ */ __name((config) => {
-  return {
-    ...config,
-    parsed: true,
-    propMapper: createPropMapper(config)
-  };
-}, "parseStaticConfig");
-export {
-  extendStaticConfig,
-  parseStaticConfig
-};

package/dist/jsx/helpers/fixNativeShadow.js

@@ -1,7 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const fixNativeShadow = /* @__PURE__ */ __name((a) => {
-}, "fixNativeShadow");
-export {
-  fixNativeShadow
-};

package/dist/jsx/helpers/fixNativeShadow.native.js

@@ -1,31 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const matchRgbaHsla = /(rgba|hsla)\(\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,})\s*\)$/;
-function fixNativeShadow(props) {
-  var _a, _b;
-  if (!props.shadowColor || props.shadowColor === "transparent") {
-    return;
-  }
-  if (!props.shadowOffset) {
-    props.shadowOffset = {
-      width: 0,
-      height: 0
-    };
-  }
-  const c = String(props.shadowColor);
-  if ((c[0] === "r" || c[0] === "h") && c[3] === "a") {
-    const [_, type, _1, _2, _3, a] = c.match(matchRgbaHsla) || [];
-    if (typeof a !== "string") {
-      console.trace("invalid", c, type);
-      throw new Error(`invalid style`);
-    }
-    props.shadowColor = `${type.replace("a", "")}(${_1},${_2},${_3})`;
-    props.shadowOpacity = (_a = props.shadowOpacity) != null ? _a : +a;
-  } else {
-    props.shadowOpacity = (_b = props.shadowOpacity) != null ? _b : 1;
-  }
-}
-__name(fixNativeShadow, "fixNativeShadow");
-export {
-  fixNativeShadow
-};

package/dist/jsx/helpers/getButtonSize.js

@@ -1,23 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { getVariableValue, isVariable } from "@tamagui/core";
-const getButtonSize = /* @__PURE__ */ __name((sizeX = 0.9, sizeY = 0.333) => (val, { tokens, props, fonts }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const size = (_c = (_b = (_a = tokens.size[val]) != null ? _a : tokens.size["$4"]) != null ? _b : val) != null ? _c : 14;
-  const radius = (_e = (_d = tokens.radius[val]) != null ? _d : tokens.radius["$4"]) != null ? _e : size;
-  const px = Math.round(+(isVariable(size) ? size.val : size) * sizeX);
-  const py = Math.round(+(isVariable(size) ? size.val : size) * sizeY);
-  const font = fonts[props.fontFamily] || fonts["$body"];
-  const lineHeights = font.lineHeight;
-  const lineHeight = (_f = lineHeights[val]) != null ? _f : lineHeights["$4"];
-  const minHeight = Math.round(getVariableValue(lineHeight) + py * 2);
-  return {
-    minHeight,
-    paddingHorizontal: props.circular ? 0 : px,
-    paddingVertical: props.circular ? 0 : py,
-    borderRadius: props.circular ? 1e5 : (_g = props.borderRadius) != null ? _g : radius
-  };
-}, "getButtonSize");
-export {
-  getButtonSize
-};

package/dist/jsx/helpers/getExpandedShorthands.js

@@ -1,18 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { getConfig } from "../conf";
-function getExpandedShorthands(props) {
-  const shorthands = getConfig().shorthands;
-  if (!shorthands) {
-    return props;
-  }
-  let res = {};
-  for (const key in props) {
-    res[shorthands[key] || key] = props[key];
-  }
-  return res;
-}
-__name(getExpandedShorthands, "getExpandedShorthands");
-export {
-  getExpandedShorthands
-};

package/dist/jsx/helpers/getSize.js

@@ -1,12 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { getTokens } from "../conf";
-const getSize = /* @__PURE__ */ __name((size, sizeUpOrDownBy = 0) => {
-  const sizes = getTokens().size;
-  const sizeNames = Object.keys(sizes);
-  const key = sizeNames[Math.max(0, sizeNames.indexOf(String(size || "$4")) + sizeUpOrDownBy)];
-  return sizes[key] || sizes["$4"];
-}, "getSize");
-export {
-  getSize
-};

package/dist/jsx/helpers/getSplitStyles.js

@@ -1,322 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import {
-  mergeTransform,
-  stylePropsText,
-  stylePropsTransform,
-  validPseudoKeys,
-  validStyles
-} from "@tamagui/helpers";
-import { useInsertionEffect } from "react";
-import { getConfig } from "../conf";
-import { isClient, isWeb, useIsomorphicLayoutEffect } from "../constants/platform";
-import { mediaQueryConfig, mediaState } from "../hooks/useMedia";
-import { createMediaStyle } from "./createMediaStyle";
-import { fixNativeShadow } from "./fixNativeShadow";
-import { getStylesAtomic } from "./getStylesAtomic";
-import {
-  insertStyleRule,
-  insertedTransforms,
-  updateInserted,
-  updateInsertedCache
-} from "./insertStyleRule";
-const skipProps = {
-  animation: true,
-  animateOnly: true,
-  debug: true,
-  ...!isWeb && {
-    tag: true,
-    whiteSpace: true,
-    wordWrap: true,
-    textOverflow: true,
-    textDecorationDistance: true,
-    userSelect: true,
-    selectable: true,
-    cursor: true,
-    contain: true,
-    pointerEvents: true,
-    boxSizing: true,
-    boxShadow: true
-  }
-};
-let conf;
-const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, state, defaultClassNames) => {
-  var _a;
-  if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
-    console.log("  \xBB getSplitStyles", { props, state, defaultClassNames });
-  }
-  conf = conf || getConfig();
-  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
-  const viewProps = {};
-  const style = {};
-  const classNames = {
-    ...defaultClassNames
-  };
-  const pseudos = {};
-  const medias = {};
-  const rulesToInsert = [];
-  function addStyle(prop, rule) {
-    rulesToInsert.push([prop, rule]);
-    updateInsertedCache(prop, rule);
-  }
-  __name(addStyle, "addStyle");
-  let cur = null;
-  let transforms = {};
-  function mergeClassName(key, val) {
-    if (!val) {
-      return;
-    }
-    if (val.startsWith("_transform-")) {
-      const isMediaOrPseudo = key !== "transform";
-      const isMedia = isMediaOrPseudo && key[11] === "_";
-      const isPsuedo = isMediaOrPseudo && key[11] === "0" || key.endsWith("Style");
-      const namespace = isMedia ? key.split("_")[2] : isPsuedo ? key.split("-")[1] : "transform";
-      let transform = insertedTransforms[val];
-      if (isClient) {
-        if (!transform) {
-          updateInserted();
-          transform = insertedTransforms[val];
-        }
-        if (!transform) {
-          if (isWeb && val[0] !== "_") {
-            transform = val;
-          } else {
-            console.trace("?", key, val, cur, props, state);
-          }
-        }
-        if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
-          console.log("  \xBB getSplitStyles mergeClassName transform", { key, val, namespace, transform, insertedTransforms });
-        }
-        if (process.env.NODE_ENV === "development") {
-          if (!transform) {
-            console.trace("NO TRANSFORM?", { key, val, transform });
-          }
-        }
-      }
-      transforms[namespace] = transforms[namespace] || ["", ""];
-      const identifier = val.replace("_transform", "");
-      transforms[namespace][0] += identifier;
-      if (transform) {
-        transforms[namespace][1] += transform;
-      }
-    } else {
-      classNames[key] = val;
-    }
-  }
-  __name(mergeClassName, "mergeClassName");
-  function push() {
-    if (!cur)
-      return;
-    normalizeStyleObject(cur);
-    if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
-      console.log("  \xBB getSplitStyles push", cur, state);
-    }
-    if (isWeb && !state.noClassNames) {
-      const atomic = getStylesAtomic(cur);
-      for (const atomicStyle of atomic) {
-        if (!state.noClassNames) {
-          addStyle(atomicStyle.identifier, atomicStyle.rules[0]);
-          mergeClassName(atomicStyle.property, atomicStyle.identifier);
-        } else {
-          style[atomicStyle.property] = atomicStyle.value;
-        }
-      }
-    }
-    if (!isWeb || state.noClassNames || state.resolveVariablesAs === "value" || state.resolveVariablesAs === "both") {
-      for (const key in cur) {
-        if (skipProps[key]) {
-          continue;
-        }
-        if (key in stylePropsTransform) {
-          mergeTransform(style, key, cur[key]);
-        } else {
-          style[key] = cur[key];
-        }
-      }
-    }
-    cur = null;
-  }
-  __name(push, "push");
-  for (const keyInit in props) {
-    if (skipProps[keyInit]) {
-      continue;
-    }
-    if (!isWeb && keyInit.startsWith("data-")) {
-      continue;
-    }
-    const valInit = props[keyInit];
-    if (keyInit === "style" || keyInit.startsWith("_style")) {
-      push();
-      cur = valInit;
-      push();
-      continue;
-    }
-    if (keyInit === "className" || validStyleProps[keyInit] && valInit && valInit[0] === "_") {
-      push();
-      mergeClassName(keyInit, valInit);
-      continue;
-    }
-    if (state.keepVariantsAsProps && staticConfig.defaultVariants && keyInit in staticConfig.defaultVariants) {
-      viewProps[keyInit] = valInit;
-    }
-    let isMedia = keyInit[0] === "$";
-    let isPseudo = validPseudoKeys[keyInit];
-    if (!isMedia && !isPseudo && !((_a = staticConfig.variants) == null ? void 0 : _a[keyInit]) && !validStyleProps[keyInit] && !conf.shorthands[keyInit]) {
-      viewProps[keyInit] = valInit;
-      continue;
-    }
-    const out = isMedia || isPseudo ? true : staticConfig.propMapper(keyInit, valInit, theme, state.fallbackProps || props, state.resolveVariablesAs);
-    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out);
-    if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
-      console.log("  \xBB getSplitStyles", keyInit, expanded);
-    }
-    for (const [key, val] of expanded) {
-      if (val === void 0) {
-        continue;
-      }
-      if (key !== "target" && val && val[0] === "_") {
-        mergeClassName(key, val);
-        continue;
-      }
-      isMedia = key[0] === "$";
-      isPseudo = validPseudoKeys[key];
-      if (staticConfig.deoptProps && staticConfig.deoptProps.has(key) || staticConfig.inlineProps && staticConfig.inlineProps.has(key)) {
-        viewProps[key] = val;
-      }
-      if (isPseudo) {
-        if (!val)
-          continue;
-        if (key === "enterStyle" && state.mounted) {
-          continue;
-        }
-        pseudos[key] = pseudos[key] || {};
-        pseudos[key] = getSubStyle(val, staticConfig, theme, props, state, true);
-        if (isWeb && !state.noClassNames) {
-          const pseudoStyles = getStylesAtomic({ [key]: pseudos[key] });
-          for (const style2 of pseudoStyles) {
-            addStyle(style2.identifier, style2.rules[0]);
-            mergeClassName(`${style2.property}-${key}`, style2.identifier);
-          }
-        }
-        continue;
-      }
-      if (isMedia) {
-        const mediaKey = key;
-        const mediaKeyShort = mediaKey.slice(1);
-        if (!mediaQueryConfig[mediaKeyShort]) {
-          viewProps[key] = val;
-          continue;
-        }
-        const mediaStyle = getSubStyle(val, staticConfig, theme, props, state);
-        if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
-          console.log("  \xBB getSplitStyles mediaStyle", mediaKey, mediaStyle, props);
-        }
-        const shouldDoClasses = isWeb && !state.noClassNames;
-        if (shouldDoClasses) {
-          const mediaStyles = getStylesAtomic(mediaStyle);
-          for (const style2 of mediaStyles) {
-            const out2 = createMediaStyle(style2, mediaKeyShort, mediaQueryConfig);
-            addStyle(out2.identifier, out2.styleRule);
-            mergeClassName(`${out2.identifier}-${mediaKey}`, out2.identifier);
-          }
-        } else {
-          if (mediaState[mediaKey]) {
-            push();
-            if (process.env.NODE_ENV === "development" && props["debug"]) {
-              console.log("apply media style", mediaKey, mediaState);
-            }
-            Object.assign(shouldDoClasses ? medias : style, mediaStyle);
-          }
-        }
-        continue;
-      }
-      if (!isWeb && key === "pointerEvents") {
-        viewProps[key] = val;
-        continue;
-      }
-      if (validStyleProps[key]) {
-        cur = cur || {};
-        cur[key] = val;
-        continue;
-      }
-      if (!staticConfig.variants || !(key in staticConfig.variants)) {
-        if (!skipProps[key]) {
-          push();
-          viewProps[key] = val;
-        }
-      }
-    }
-  }
-  push();
-  if (transforms) {
-    for (const namespace in transforms) {
-      const [hash, val] = transforms[namespace];
-      const identifier = `_transform${hash}`;
-      if (isClient) {
-        if (!insertedTransforms[identifier]) {
-          const rule = `.${identifier} { transform: ${val}; }`;
-          addStyle(identifier, rule);
-        }
-      }
-      classNames[namespace] = identifier;
-    }
-  }
-  if (process.env.NODE_ENV === "development" && props["debug"] === "verbose") {
-    console.log("  \xBB getSplitStyles out", { style, pseudos, medias, classNames, viewProps, state });
-  }
-  return {
-    viewProps,
-    style,
-    medias,
-    pseudos,
-    classNames,
-    rulesToInsert
-  };
-}, "getSplitStyles");
-const insertSplitStyles = /* @__PURE__ */ __name((...args) => {
-  const res = getSplitStyles(...args);
-  for (const [prop, rule] of res.rulesToInsert) {
-    insertStyleRule(prop, rule);
-  }
-  return res;
-}, "insertSplitStyles");
-const effect = useInsertionEffect || useIsomorphicLayoutEffect;
-const useSplitStyles = /* @__PURE__ */ __name((...args) => {
-  const res = getSplitStyles(...args);
-  effect(() => {
-    for (const [prop, rule] of res.rulesToInsert) {
-      insertStyleRule(prop, rule);
-    }
-  });
-  return res;
-}, "useSplitStyles");
-const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme, props, state, avoidDefaultProps) => {
-  const styleOut = {};
-  for (const key in styleIn) {
-    const val = styleIn[key];
-    const out = staticConfig.propMapper(key, val, theme, state.fallbackProps || props, state.resolveVariablesAs, avoidDefaultProps);
-    const expanded = out === true || !out ? [[key, val]] : Object.entries(out);
-    for (const [skey, sval] of expanded) {
-      if (skey in stylePropsTransform) {
-        mergeTransform(styleOut, skey, sval);
-      } else {
-        styleOut[skey] = sval;
-      }
-    }
-  }
-  normalizeStyleObject(styleOut);
-  return styleOut;
-}, "getSubStyle");
-function normalizeStyleObject(style) {
-  if (!isWeb) {
-    fixNativeShadow(style);
-  }
-}
-__name(normalizeStyleObject, "normalizeStyleObject");
-export {
-  getSplitStyles,
-  getSubStyle,
-  insertSplitStyles,
-  normalizeStyleObject,
-  useSplitStyles
-};

package/dist/jsx/helpers/getStackSize.js

@@ -1,41 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { getVariableValue, isVariable } from "@tamagui/core";
-const getSizeScaledToFont = /* @__PURE__ */ __name((val, { sizeX = 1, sizeY = 1 }, { tokens, props, fonts }) => {
-  var _a, _b, _c, _d, _e, _f;
-  const size = (_c = (_b = (_a = tokens.size[val]) != null ? _a : tokens.size["$4"]) != null ? _b : val) != null ? _c : 14;
-  const radius = (_e = (_d = tokens.radius[val]) != null ? _d : tokens.radius["$4"]) != null ? _e : size;
-  const px = Math.round(+(isVariable(size) ? size.val : size) * sizeX);
-  const py = Math.round(+(isVariable(size) ? size.val : size) * sizeY);
-  const font = fonts[props.fontFamily] || fonts["$body"];
-  const lineHeights = font.lineHeight;
-  const lineHeight = (_f = lineHeights[val]) != null ? _f : lineHeights["$4"];
-  const minHeight = Math.round(getVariableValue(lineHeight) + py * 2);
-  return {
-    px,
-    py,
-    radius,
-    size,
-    lineHeight,
-    minHeight
-  };
-}, "getSizeScaledToFont");
-const createGetStackSize = /* @__PURE__ */ __name((scale) => (val, extras) => {
-  var _a;
-  const { props } = extras;
-  const { radius, minHeight, px, py } = getSizeScaledToFont(val, scale, extras);
-  return {
-    minHeight,
-    paddingHorizontal: props.circular ? 0 : px,
-    paddingVertical: props.circular ? 0 : py,
-    borderRadius: props.circular ? 1e5 : (_a = props.borderRadius) != null ? _a : radius
-  };
-}, "createGetStackSize");
-const buttonScaling = { sizeX: 0.8, sizeY: 0.333 };
-const getButtonSize = createGetStackSize(buttonScaling);
-export {
-  buttonScaling,
-  createGetStackSize,
-  getButtonSize,
-  getSizeScaledToFont
-};

package/dist/jsx/helpers/getStylesAtomic.js

@@ -1,130 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import {
-  invertMapTransformKeys,
-  mergeTransform,
-  stylePropsTransform
-} from "@tamagui/helpers";
-import { getConfig } from "../conf";
-import { rnw } from "../constants/rnw";
-import { isVariable } from "../createVariable";
-function getStylesAtomic(stylesIn, options = {}) {
-  const { hoverStyle, pressStyle, focusStyle, ...base } = stylesIn;
-  let res = [];
-  for (const [index, style] of [hoverStyle, pressStyle, focusStyle, base].entries()) {
-    if (!style || !Object.keys(style).length) {
-      continue;
-    }
-    const pseudo = pseudosOrdered[index];
-    for (const skey in style) {
-      const val = style[skey];
-      if (isVariable(val)) {
-        style[skey] = val.toString();
-      }
-      if (stylePropsTransform[skey]) {
-        delete style[skey];
-        mergeTransform(style, skey, val);
-      }
-    }
-    res = [...res, ...getAtomicStyle(style, pseudo, options)];
-  }
-  return res;
-}
-__name(getStylesAtomic, "getStylesAtomic");
-const generateAtomicStyles = /* @__PURE__ */ __name((style) => {
-  return rnw.atomic(rnw.createCompileableStyle(rnw.createReactDOMStyle(style)));
-}, "generateAtomicStyles");
-let reversedShorthands = null;
-function getAtomicStyle(style, pseudo, options) {
-  var _a;
-  if (style == null || typeof style !== "object") {
-    throw new Error(`Wrong style type: "${typeof style}": ${style}`);
-  }
-  for (const key in borderDefaults) {
-    if (key in style) {
-      style[borderDefaults[key]] = (_a = style[borderDefaults[key]]) != null ? _a : "solid";
-    }
-  }
-  let atomicStyles = {};
-  if (options.splitTransforms && style.transform) {
-    let { transform, ...rest } = style;
-    Object.assign(atomicStyles, generateAtomicStyles(rest));
-    for (const t of transform) {
-      const tKey = Object.keys(t)[0];
-      const transformProperty = invertMapTransformKeys[tKey] || tKey;
-      const out = generateAtomicStyles({ transform: [t] });
-      const key = Object.keys(out)[0];
-      atomicStyles[key] = {
-        ...out[key],
-        transformProperty
-      };
-    }
-  } else {
-    atomicStyles = generateAtomicStyles(style);
-  }
-  if (!reversedShorthands) {
-    reversedShorthands = {};
-    const conf = getConfig();
-    if (conf.shorthands) {
-      for (const key in conf.shorthands) {
-        reversedShorthands[conf.shorthands[key]] = key;
-      }
-    }
-  }
-  return Object.keys(atomicStyles).map((key) => {
-    const val = atomicStyles[key];
-    const [_, a, b] = val.identifier.split("-");
-    const hash = b || a;
-    const psuedoPrefix = pseudo ? `0${pseudo.name}-` : "";
-    const shortProp = reversedShorthands[val.property] || val.property;
-    const identifier = `_${shortProp}-${psuedoPrefix}${hash}`;
-    const className = `.${identifier}`;
-    const rules = val.rules.map((rule) => {
-      if (pseudo) {
-        const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ":root").join("") + " ";
-        let res = rule.replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`).replace("{", `:${pseudo.name}{`);
-        if (pseudo.name === "hover") {
-          res = `@media not all and (hover: none) { ${res} }`;
-        }
-        return res;
-      }
-      return rule.replace(`.${val.identifier}`, className).replace(importantRegex, "");
-    });
-    const result = {
-      property: val.transformProperty || val.property,
-      value: val.value,
-      identifier,
-      className,
-      rules
-    };
-    return result;
-  });
-}
-__name(getAtomicStyle, "getAtomicStyle");
-const importantRegex = /\!important*/g;
-const borderDefaults = {
-  borderWidth: "borderStyle",
-  borderBottomWidth: "borderBottomStyle",
-  borderTopWidth: "borderTopStyle",
-  borderLeftWidth: "borderLeftStyle",
-  borderRightWidth: "borderRightStyle"
-};
-const pseudos = {
-  hoverStyle: {
-    name: "hover",
-    priority: 1
-  },
-  pressStyle: {
-    name: "active",
-    priority: 2
-  },
-  focusStyle: {
-    name: "focus",
-    priority: 3
-  }
-};
-const pseudosOrdered = Object.values(pseudos);
-export {
-  getStylesAtomic,
-  pseudos
-};