@tamagui/helpers 1.0.0-alpha.38 → 1.0.0-alpha.39

package/dist/jsx/concatClassName.js

@@ -0,0 +1,71 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function concatClassName(_cn) {
+  const classNamesOrPropObjects = arguments;
+  const usedPrefixes = [];
+  let final = "";
+  const len = classNamesOrPropObjects.length;
+  let propObjects = null;
+  for (let x = len; x >= 0; x--) {
+    const cns = classNamesOrPropObjects[x];
+    if (!cns)
+      continue;
+    if (!Array.isArray(cns) && typeof cns !== "string") {
+      propObjects = propObjects || [];
+      propObjects.push(cns);
+      continue;
+    }
+    const names = Array.isArray(cns) ? cns : cns.split(" ");
+    const numNames = names.length;
+    for (let i = numNames - 1; i >= 0; i--) {
+      const name = names[i];
+      if (!name || name === " ")
+        continue;
+      if (name[0] !== "_") {
+        final = name + " " + final;
+        continue;
+      }
+      const splitIndex = name.indexOf("-");
+      if (splitIndex < 1) {
+        final = name + " " + final;
+        continue;
+      }
+      const nextChar = name[splitIndex + 1];
+      const isMediaQuery = nextChar === "_";
+      const isPsuedoQuery = nextChar === "-";
+      const styleKey = name.slice(1, splitIndex);
+      const mediaKey = isMediaQuery || isPsuedoQuery ? name.slice(splitIndex + 2, splitIndex + 7) : null;
+      const uid = mediaKey ? styleKey + mediaKey : styleKey;
+      if (!isMediaQuery && !isPsuedoQuery) {
+        if (usedPrefixes.indexOf(uid) > -1) {
+          continue;
+        }
+        usedPrefixes.push(uid);
+      }
+      const propName = styleKey;
+      if (propName && propObjects) {
+        if (propObjects.some((po) => {
+          if (mediaKey) {
+            const propKey = pseudoInvert[mediaKey];
+            return po && po[propKey] && propName in po[propKey] && po[propKey] !== null;
+          }
+          const res = po && propName in po && po[propName] !== null;
+          return res;
+        })) {
+          continue;
+        }
+      }
+      final = name + " " + final;
+    }
+  }
+  return final;
+}
+__name(concatClassName, "concatClassName");
+const pseudoInvert = {
+  hover: "hoverStyle",
+  focus: "focusStyle",
+  press: "pressStyle"
+};
+export {
+  concatClassName
+};

package/dist/jsx/index.js

@@ -0,0 +1,4 @@
+export * from "./concatClassName";
+export * from "./validStyleProps";
+export * from "./types";
+export * from "./allRules";

package/dist/jsx/simpleHash.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const simpleHash = /* @__PURE__ */ __name((str) => {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash &= hash;
+  }
+  return new Uint32Array([hash])[0].toString(36);
+}, "simpleHash");
+export {
+  simpleHash
+};

package/dist/jsx/validStyleProps.js

@@ -0,0 +1,149 @@
+const stylePropsTransform = Object.freeze({
+  x: true,
+  y: true,
+  scale: true,
+  perspective: true,
+  scaleX: true,
+  scaleY: true,
+  skewX: true,
+  skewY: true,
+  matrix: true,
+  rotate: true,
+  rotateY: true,
+  rotateX: true,
+  rotateZ: true
+});
+const stylePropsView = Object.freeze({
+  backfaceVisibility: true,
+  backgroundColor: true,
+  borderBottomColor: true,
+  borderBottomEndRadius: true,
+  borderBottomLeftRadius: true,
+  borderBottomRightRadius: true,
+  borderBottomStartRadius: true,
+  borderBottomWidth: true,
+  borderColor: true,
+  borderEndColor: true,
+  borderLeftColor: true,
+  borderLeftWidth: true,
+  borderRadius: true,
+  borderRightColor: true,
+  borderRightWidth: true,
+  borderStartColor: true,
+  borderStyle: true,
+  borderTopColor: true,
+  borderTopEndRadius: true,
+  borderTopLeftRadius: true,
+  borderTopRightRadius: true,
+  borderTopStartRadius: true,
+  borderTopWidth: true,
+  borderWidth: true,
+  opacity: true,
+  transform: true,
+  alignContent: true,
+  alignItems: true,
+  alignSelf: true,
+  aspectRatio: true,
+  borderEndWidth: true,
+  borderStartWidth: true,
+  bottom: true,
+  display: true,
+  end: true,
+  flex: true,
+  flexBasis: true,
+  flexDirection: true,
+  flexGrow: true,
+  flexShrink: true,
+  flexWrap: true,
+  height: true,
+  justifyContent: true,
+  left: true,
+  margin: true,
+  marginBottom: true,
+  marginEnd: true,
+  marginHorizontal: true,
+  marginLeft: true,
+  marginRight: true,
+  marginStart: true,
+  marginTop: true,
+  marginVertical: true,
+  maxHeight: true,
+  maxWidth: true,
+  minHeight: true,
+  minWidth: true,
+  overflow: true,
+  padding: true,
+  paddingBottom: true,
+  paddingEnd: true,
+  paddingHorizontal: true,
+  paddingLeft: true,
+  paddingRight: true,
+  paddingStart: true,
+  paddingTop: true,
+  paddingVertical: true,
+  position: true,
+  right: true,
+  start: true,
+  top: true,
+  width: true,
+  zIndex: true,
+  direction: true,
+  shadowColor: true,
+  shadowOffset: true,
+  shadowOpacity: true,
+  shadowRadius: true,
+  ...stylePropsTransform,
+  ...process.env.TAMAGUI_TARGET === "web" && {
+    userSelect: true,
+    cursor: true,
+    contain: true,
+    pointerEvents: true,
+    boxSizing: true
+  }
+});
+const stylePropsTextOnly = Object.freeze({
+  color: true,
+  fontFamily: true,
+  fontSize: true,
+  fontStyle: true,
+  fontWeight: true,
+  letterSpacing: true,
+  lineHeight: true,
+  textAlign: true,
+  textDecorationLine: true,
+  textDecorationStyle: true,
+  textDecorationColor: true,
+  textShadowColor: true,
+  textShadowOffset: true,
+  textShadowRadius: true,
+  textTransform: true,
+  ...process.env.TAMAGUI_TARGET === "web" && {
+    whiteSpace: true,
+    wordWrap: true,
+    textOverflow: true,
+    textDecorationDistance: true
+  }
+});
+const stylePropsText = Object.freeze({
+  ...stylePropsView,
+  ...stylePropsTextOnly
+});
+const stylePropsAll = stylePropsText;
+const validStylesPseudo = Object.freeze({
+  hoverStyle: true,
+  pressStyle: true,
+  focusStyle: true
+});
+const validStyles = Object.freeze({
+  ...validStylesPseudo,
+  ...stylePropsView
+});
+export {
+  stylePropsAll,
+  stylePropsText,
+  stylePropsTextOnly,
+  stylePropsTransform,
+  stylePropsView,
+  validStyles,
+  validStylesPseudo
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/helpers",
-  "version": "1.0.0-alpha.38",
+  "version": "1.0.0-alpha.39",
   "source": "src/index.ts",
   "typings": "types",
   "main": "dist/cjs",
@@ -15,7 +15,7 @@
     "watch": "tamagui-build --watch"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.0-alpha.38",
+    "@tamagui/build": "^1.0.0-alpha.39",
     "react-native": "*"
   },
   "peerDependencies": {
@@ -24,5 +24,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "155f989a05a70b2a9181cf820363f170a293f78b"
+  "gitHead": "20b8c3487cae35a29bf878191fdc0381020b5304"
 }

package/types/allRules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"allRules.d.ts","sourceRoot":"","sources":["../src/allRules.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,cAAY,CAAA;AAEjC,eAAO,MAAM,aAAa,oBAAiB,CAAA"}

package/types/concatClassName.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"concatClassName.d.ts","sourceRoot":"","sources":["../src/concatClassName.ts"],"names":[],"mappings":"AAUA,wBAAgB,eAAe,CAAC,GAAG,EAAE,GAAG,UAoFvC"}

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA"}

package/types/simpleHash.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simpleHash.d.ts","sourceRoot":"","sources":["../src/simpleHash.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,QAAS,MAAM,WAQrC,CAAA"}

package/types/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA"}

package/types/validStyleProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validStyleProps.d.ts","sourceRoot":"","sources":["../src/validStyleProps.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;EAc9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFzB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;EAyB7B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGzB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiB,CAAA;AAE3C,eAAO,MAAM,iBAAiB;;;;EAI5B,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGtB,CAAA"}

package/dist/.buildinfo

@@ -1 +0,0 @@
-{"at":1636517189907}

package/dist/concatClassName.js

@@ -1,60 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { uniqueKeyToStyleName } from "./uniqueStyleKeys";
-const pseudoInvert = {
-  hover: "hoverStyle",
-  focus: "focusStyle",
-  press: "pressStyle"
-};
-function concatClassName(className, ...propObjects) {
-  const usedPrefixes = new Set();
-  const final = [];
-  const names = className.split(" ");
-  const hasPropObjects = propObjects.length;
-  for (let i = names.length - 1; i >= 0; i--) {
-    const name = names[i];
-    if (!name || name === " ")
-      continue;
-    if (name[0] !== "_") {
-      final.push(name);
-      continue;
-    }
-    const splitIndex = name.indexOf("-");
-    if (splitIndex < 1) {
-      final.push(name);
-      continue;
-    }
-    const nextChar = name[splitIndex + 1];
-    const isMediaQuery = nextChar === "_";
-    const isPsuedoQuery = nextChar === "-";
-    const styleKey = name.slice(1, splitIndex);
-    const mediaKey = isMediaQuery || isPsuedoQuery ? name.slice(splitIndex + 2, splitIndex + 7) : null;
-    const uid = mediaKey ? styleKey + mediaKey : styleKey;
-    if (!isMediaQuery && !isPsuedoQuery) {
-      if (usedPrefixes.has(uid)) {
-        continue;
-      }
-      usedPrefixes.add(uid);
-    }
-    const propName = uniqueKeyToStyleName[styleKey];
-    if (propName && hasPropObjects) {
-      if (propObjects.some((po) => {
-        if (mediaKey) {
-          const propKey = pseudoInvert[mediaKey];
-          return po && po[propKey] && propName in po[propKey] && po[propKey] !== null;
-        }
-        const res = po && propName in po && po[propName] !== null;
-        return res;
-      })) {
-        continue;
-      }
-    }
-    final.push(name);
-  }
-  return final.join(" ");
-}
-__name(concatClassName, "concatClassName");
-export {
-  concatClassName
-};
-//# sourceMappingURL=concatClassName.js.map

package/dist/concatClassName.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/concatClassName.ts"],
-  "sourcesContent": ["import { uniqueKeyToStyleName } from './uniqueStyleKeys'\n\nconst pseudoInvert = {\n  hover: 'hoverStyle',\n  focus: 'focusStyle',\n  press: 'pressStyle',\n}\n\nexport function concatClassName(className: string, ...propObjects: any[]) {\n  const usedPrefixes = new Set<string>()\n  const final: string[] = []\n  const names = className.split(' ')\n  const hasPropObjects = propObjects.length\n  // const shouldLog = className.includes('_col-varzzzcolor3z')\n  // shouldLog && console.log('>>>>>>>>>>', className)\n\n  for (let i = names.length - 1; i >= 0; i--) {\n    const name = names[i]\n    if (!name || name === ' ') continue\n    if (name[0] !== '_') {\n      // not snack style (todo slightly stronger heuristic)\n      final.push(name)\n      continue\n    }\n    const splitIndex = name.indexOf('-')\n    if (splitIndex < 1) {\n      final.push(name)\n      continue\n    }\n    const nextChar = name[splitIndex + 1]\n    // synced to static-ui constants\n    // MEDIA_SEP\n    const isMediaQuery = nextChar === '_'\n    // PSEUDO_SEP\n    const isPsuedoQuery = nextChar === '-'\n    const styleKey = name.slice(1, splitIndex)\n    const mediaKey =\n      isMediaQuery || isPsuedoQuery ? name.slice(splitIndex + 2, splitIndex + 7) : null\n    const uid = mediaKey ? styleKey + mediaKey : styleKey\n    // shouldLog && console.log('uid', uid)\n    if (!isMediaQuery && !isPsuedoQuery) {\n      if (usedPrefixes.has(uid)) {\n        // shouldLog && console.log('used', uid)\n        continue\n      }\n      usedPrefixes.add(uid)\n    }\n    const propName = uniqueKeyToStyleName[styleKey]\n    // shouldLog && console.log('propName', propName)\n    if (propName && hasPropObjects) {\n      if (\n        propObjects.some((po) => {\n          if (mediaKey) {\n            const propKey = pseudoInvert[mediaKey]\n            return po && po[propKey] && propName in po[propKey] && po[propKey] !== null\n          }\n          const res = po && propName in po && po[propName] !== null\n          // shouldLog && res && console.log('SKIP BECAUSE', propName, po)\n          return res\n        })\n      ) {\n        // shouldLog && console.log('SKIP PROP')\n        continue\n      }\n    }\n    // shouldLog && console.log('push', name)\n    final.push(name)\n  }\n\n  // shouldLog && console.log(' in:', className, 'out:', final)\n\n  return final.join(' ')\n}\n"],
-  "mappings": ";;AAAA;AAEA,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;AAGF,yBAAyB,cAAsB,aAAoB;AACxE,QAAM,eAAe,IAAI;AACzB,QAAM,QAAkB;AACxB,QAAM,QAAQ,UAAU,MAAM;AAC9B,QAAM,iBAAiB,YAAY;AAInC,WAAS,IAAI,MAAM,SAAS,GAAG,KAAK,GAAG,KAAK;AAC1C,UAAM,OAAO,MAAM;AACnB,QAAI,CAAC,QAAQ,SAAS;AAAK;AAC3B,QAAI,KAAK,OAAO,KAAK;AAEnB,YAAM,KAAK;AACX;AAAA;AAEF,UAAM,aAAa,KAAK,QAAQ;AAChC,QAAI,aAAa,GAAG;AAClB,YAAM,KAAK;AACX;AAAA;AAEF,UAAM,WAAW,KAAK,aAAa;AAGnC,UAAM,eAAe,aAAa;AAElC,UAAM,gBAAgB,aAAa;AACnC,UAAM,WAAW,KAAK,MAAM,GAAG;AAC/B,UAAM,WACJ,gBAAgB,gBAAgB,KAAK,MAAM,aAAa,GAAG,aAAa,KAAK;AAC/E,UAAM,MAAM,WAAW,WAAW,WAAW;AAE7C,QAAI,CAAC,gBAAgB,CAAC,eAAe;AACnC,UAAI,aAAa,IAAI,MAAM;AAEzB;AAAA;AAEF,mBAAa,IAAI;AAAA;AAEnB,UAAM,WAAW,qBAAqB;AAEtC,QAAI,YAAY,gBAAgB;AAC9B,UACE,YAAY,KAAK,CAAC,OAAO;AACvB,YAAI,UAAU;AACZ,gBAAM,UAAU,aAAa;AAC7B,iBAAO,MAAM,GAAG,YAAY,YAAY,GAAG,YAAY,GAAG,aAAa;AAAA;AAEzE,cAAM,MAAM,MAAM,YAAY,MAAM,GAAG,cAAc;AAErD,eAAO;AAAA,UAET;AAEA;AAAA;AAAA;AAIJ,UAAM,KAAK;AAAA;AAKb,SAAO,MAAM,KAAK;AAAA;AA/DJ;",
-  "names": []
-}

package/dist/getNiceKey.js

@@ -1,16 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function getNiceKey(name, len = 2) {
-  let key = "";
-  for (const [index, char] of name.split("").entries()) {
-    if (index === 0 || char.toUpperCase() === char) {
-      key += name.slice(index, index + len);
-    }
-  }
-  return key;
-}
-__name(getNiceKey, "getNiceKey");
-export {
-  getNiceKey
-};
-//# sourceMappingURL=getNiceKey.js.map

package/dist/getNiceKey.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/getNiceKey.ts"],
-  "sourcesContent": ["export function getNiceKey(name: string, len = 2) {\n  let key = ''\n  for (const [index, char] of name.split('').entries()) {\n    if (index === 0 || char.toUpperCase() === char) {\n      key += name.slice(index, index + len)\n    }\n  }\n  return key\n}\n"],
-  "mappings": ";;AAAO,oBAAoB,MAAc,MAAM,GAAG;AAChD,MAAI,MAAM;AACV,aAAW,CAAC,OAAO,SAAS,KAAK,MAAM,IAAI,WAAW;AACpD,QAAI,UAAU,KAAK,KAAK,kBAAkB,MAAM;AAC9C,aAAO,KAAK,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGrC,SAAO;AAAA;AAPO;",
-  "names": []
-}

package/dist/getStylesAtomic.js

@@ -1,101 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { atomic } from "react-native-web/dist/cjs/exports/StyleSheet/compile";
-import createCompileableStyle from "react-native-web/dist/cjs/exports/StyleSheet/createCompileableStyle";
-import createReactDOMStyle from "react-native-web/dist/cjs/exports/StyleSheet/createReactDOMStyle";
-import i18Style from "react-native-web/dist/cjs/exports/StyleSheet/i18nStyle";
-import { simpleHash } from "./simpleHash";
-import { getOrCreateStylePrefix } from "./uniqueStyleKeys";
-const pseudos = {
-  focusWithinStyle: {
-    name: "focus-within",
-    priority: 4
-  },
-  focusStyle: {
-    name: "focus",
-    priority: 3
-  },
-  pressStyle: {
-    name: "active",
-    priority: 2
-  },
-  hoverStyle: {
-    name: "hover",
-    priority: 1
-  }
-};
-const borderDefaults = {
-  borderWidth: "borderStyle",
-  borderBottomWidth: "borderBottomStyle",
-  borderTopWidth: "borderTopStyle",
-  borderLeftWidth: "borderLeftStyle",
-  borderRightWidth: "borderRightStyle"
-};
-function getStylesAtomic(style) {
-  const styles = {
-    base: {}
-  };
-  for (const key in style) {
-    if (!!pseudos[key]) {
-      styles[key] = style[key];
-    } else {
-      styles.base[key] = style[key];
-    }
-  }
-  return Object.keys(styles).map((key) => {
-    return getAtomicStyle(styles[key], pseudos[key]);
-  }).flat();
-}
-__name(getStylesAtomic, "getStylesAtomic");
-const importantRegex = /\!important*/g;
-function getAtomicStyle(style, pseudo) {
-  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]] = style[borderDefaults[key]] ?? "solid";
-    }
-  }
-  const all = {
-    ...atomic(createCompileableStyle(createReactDOMStyle(i18Style(style))))
-  };
-  return Object.keys(all).map((key) => {
-    const val = all[key];
-    const prefix = `_${getOrCreateStylePrefix(val.property)}`;
-    const hash = (() => {
-      let s = `${val.value}`.replace(/[%]/g, "pct").replace(/[^a-z0-9]/gi, "z").replace(/\s/, "-");
-      if (s.length < 16)
-        return s;
-      return simpleHash(val.identifier);
-    })();
-    const psuedoPrefix = pseudo ? `-${pseudo.name}-` : "";
-    const identifier = `${prefix}-${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.property,
-      value: val.value,
-      identifier,
-      className,
-      rules
-    };
-    return result;
-  });
-}
-__name(getAtomicStyle, "getAtomicStyle");
-export {
-  getStylesAtomic,
-  pseudos
-};
-//# sourceMappingURL=getStylesAtomic.js.map

package/dist/getStylesAtomic.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/getStylesAtomic.ts"],
-  "sourcesContent": ["import type { ViewStyle } from 'react-native'\nimport { atomic } from 'react-native-web/dist/cjs/exports/StyleSheet/compile'\nimport createCompileableStyle from 'react-native-web/dist/cjs/exports/StyleSheet/createCompileableStyle'\nimport createReactDOMStyle from 'react-native-web/dist/cjs/exports/StyleSheet/createReactDOMStyle'\nimport i18Style from 'react-native-web/dist/cjs/exports/StyleSheet/i18nStyle'\n\nimport { simpleHash } from './simpleHash'\nimport { StyleObject } from './types'\nimport { getOrCreateStylePrefix } from './uniqueStyleKeys'\n\nexport const pseudos = {\n  focusWithinStyle: {\n    name: 'focus-within',\n    priority: 4,\n  },\n  focusStyle: {\n    name: 'focus',\n    priority: 3,\n  },\n  pressStyle: {\n    name: 'active',\n    priority: 2,\n  },\n  hoverStyle: {\n    name: 'hover',\n    priority: 1,\n  },\n}\n\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: 'borderBottomStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n}\n\nexport function getStylesAtomic(style: any) {\n  const styles: { [key: string]: ViewStyle } = {\n    base: {},\n  }\n  // split psuedos\n  for (const key in style) {\n    if (!!pseudos[key]) {\n      styles[key] = style[key]\n    } else {\n      styles.base[key] = style[key]\n    }\n  }\n  return Object.keys(styles)\n    .map((key) => {\n      return getAtomicStyle(styles[key], pseudos[key])\n    })\n    .flat()\n}\n\nconst importantRegex = /\\!important*/g\n\nfunction getAtomicStyle(style: ViewStyle, pseudo?: { name: string; priority: number }): StyleObject[] {\n  if (style == null || typeof style !== 'object') {\n    throw new Error(`Wrong style type: \"${typeof style}\": ${style}`)\n  }\n\n  // why is this diff from react-native-web!? need to figure out\n  for (const key in borderDefaults) {\n    if (key in style) {\n      style[borderDefaults[key]] = style[borderDefaults[key]] ?? 'solid'\n    }\n  }\n\n  const all = {\n    ...atomic(createCompileableStyle(createReactDOMStyle(i18Style(style)))),\n  }\n\n  return Object.keys(all).map((key) => {\n    const val = all[key]\n    const prefix = `_${getOrCreateStylePrefix(val.property)}`\n    const hash = (() => {\n      let s = `${val.value}`\n        .replace(/[%]/g, 'pct')\n        .replace(/[^a-z0-9]/gi, 'z')\n        .replace(/\\s/, '-')\n      if (s.length < 16) return s\n      return simpleHash(val.identifier)\n    })()\n\n    // pseudos have a `--` to be easier to find with concatClassNames\n    const psuedoPrefix = pseudo ? `-${pseudo.name}-` : ''\n    const identifier = `${prefix}-${psuedoPrefix}${hash}`\n    const className = `.${identifier}`\n    const rules = val.rules.map((rule) => {\n      if (pseudo) {\n        const psuedoPrefixSelect = [...Array(pseudo.priority)].map(() => ':root').join('') + ' '\n        let res = rule\n          .replace(`.${val.identifier}`, `${psuedoPrefixSelect} ${className}`)\n          .replace('{', `:${pseudo.name}{`)\n\n        if (pseudo.name === 'hover') {\n          // hover styles need to be conditional\n          // perhaps this can be generalized but for now lets just shortcut\n          // and hardcode for hover styles, if we need to later we can\n          // WEIRD SYNTAX, SEE:\n          //   https://stackoverflow.com/questions/40532204/media-query-for-devices-supporting-hover\n          res = `@media not all and (hover: none) { ${res} }`\n        }\n        return res\n      }\n      return rule.replace(`.${val.identifier}`, className).replace(importantRegex, '')\n    })\n    const result: StyleObject = {\n      property: val.property,\n      value: val.value,\n      identifier,\n      className,\n      rules,\n    }\n    return result\n  })\n}\n"],
-  "mappings": ";;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEO,MAAM,UAAU;AAAA,EACrB,kBAAkB;AAAA,IAChB,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA,EAEZ,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA;AAAA;AAId,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA;AAGb,yBAAyB,OAAY;AAC1C,QAAM,SAAuC;AAAA,IAC3C,MAAM;AAAA;AAGR,aAAW,OAAO,OAAO;AACvB,QAAI,CAAC,CAAC,QAAQ,MAAM;AAClB,aAAO,OAAO,MAAM;AAAA,WACf;AACL,aAAO,KAAK,OAAO,MAAM;AAAA;AAAA;AAG7B,SAAO,OAAO,KAAK,QAChB,IAAI,CAAC,QAAQ;AACZ,WAAO,eAAe,OAAO,MAAM,QAAQ;AAAA,KAE5C;AAAA;AAhBW;AAmBhB,MAAM,iBAAiB;AAEvB,wBAAwB,OAAkB,QAA4D;AACpG,MAAI,SAAS,QAAQ,OAAO,UAAU,UAAU;AAC9C,UAAM,IAAI,MAAM,sBAAsB,OAAO,WAAW;AAAA;AAI1D,aAAW,OAAO,gBAAgB;AAChC,QAAI,OAAO,OAAO;AAChB,YAAM,eAAe,QAAQ,MAAM,eAAe,SAAS;AAAA;AAAA;AAI/D,QAAM,MAAM;AAAA,OACP,OAAO,uBAAuB,oBAAoB,SAAS;AAAA;AAGhE,SAAO,OAAO,KAAK,KAAK,IAAI,CAAC,QAAQ;AACnC,UAAM,MAAM,IAAI;AAChB,UAAM,SAAS,IAAI,uBAAuB,IAAI;AAC9C,UAAM,OAAQ,OAAM;AAClB,UAAI,IAAI,GAAG,IAAI,QACZ,QAAQ,QAAQ,OAChB,QAAQ,eAAe,KACvB,QAAQ,MAAM;AACjB,UAAI,EAAE,SAAS;AAAI,eAAO;AAC1B,aAAO,WAAW,IAAI;AAAA;AAIxB,UAAM,eAAe,SAAS,IAAI,OAAO,UAAU;AACnD,UAAM,aAAa,GAAG,UAAU,eAAe;AAC/C,UAAM,YAAY,IAAI;AACtB,UAAM,QAAQ,IAAI,MAAM,IAAI,CAAC,SAAS;AACpC,UAAI,QAAQ;AACV,cAAM,qBAAqB,CAAC,GAAG,MAAM,OAAO,WAAW,IAAI,MAAM,SAAS,KAAK,MAAM;AACrF,YAAI,MAAM,KACP,QAAQ,IAAI,IAAI,cAAc,GAAG,sBAAsB,aACvD,QAAQ,KAAK,IAAI,OAAO;AAE3B,YAAI,OAAO,SAAS,SAAS;AAM3B,gBAAM,sCAAsC;AAAA;AAE9C,eAAO;AAAA;AAET,aAAO,KAAK,QAAQ,IAAI,IAAI,cAAc,WAAW,QAAQ,gBAAgB;AAAA;AAE/E,UAAM,SAAsB;AAAA,MAC1B,UAAU,IAAI;AAAA,MACd,OAAO,IAAI;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA;AAEF,WAAO;AAAA;AAAA;AA1DF;",
-  "names": []
-}