@tamagui/helpers 1.0.0-alpha.8 → 1.0.0-beta.187

package/types/validStyleProps.d.ts

@@ -0,0 +1,517 @@
+import { ViewStyle } from 'react-native';
+export declare const stylePropsTransform: Readonly<{
+    x: boolean;
+    y: boolean;
+    scale: boolean;
+    perspective: boolean;
+    scaleX: boolean;
+    scaleY: boolean;
+    skewX: boolean;
+    skewY: boolean;
+    matrix: boolean;
+    rotate: boolean;
+    rotateY: boolean;
+    rotateX: boolean;
+    rotateZ: boolean;
+}>;
+export declare const stylePropsView: Readonly<{
+    overflowX?: boolean | undefined;
+    overflowY?: boolean | undefined;
+    userSelect?: boolean | undefined;
+    cursor?: boolean | undefined;
+    contain?: boolean | undefined;
+    pointerEvents?: boolean | undefined;
+    boxSizing?: boolean | undefined;
+    boxShadow?: boolean | undefined;
+    x: boolean;
+    y: boolean;
+    scale: boolean;
+    perspective: boolean;
+    scaleX: boolean;
+    scaleY: boolean;
+    skewX: boolean;
+    skewY: boolean;
+    matrix: boolean;
+    rotate: boolean;
+    rotateY: boolean;
+    rotateX: boolean;
+    rotateZ: boolean;
+    backfaceVisibility: boolean;
+    backgroundColor: boolean;
+    borderBottomColor: boolean;
+    borderBottomStyle: boolean;
+    borderTopStyle: boolean;
+    borderLeftStyle: boolean;
+    borderRightStyle: boolean;
+    borderBottomEndRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderBottomStartRadius: boolean;
+    borderBottomWidth: boolean;
+    borderColor: boolean;
+    borderEndColor: boolean;
+    borderLeftColor: boolean;
+    borderLeftWidth: boolean;
+    borderRadius: boolean;
+    borderRightColor: boolean;
+    borderRightWidth: boolean;
+    borderStartColor: boolean;
+    borderStyle: boolean;
+    borderTopColor: boolean;
+    borderTopEndRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderTopStartRadius: boolean;
+    borderTopWidth: boolean;
+    borderWidth: boolean;
+    opacity: boolean;
+    transform: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    aspectRatio: boolean;
+    borderEndWidth: boolean;
+    borderStartWidth: boolean;
+    bottom: boolean;
+    display: boolean;
+    end: boolean;
+    flex: boolean;
+    flexBasis: boolean;
+    flexDirection: boolean;
+    flexGrow: boolean;
+    flexShrink: boolean;
+    flexWrap: boolean;
+    height: boolean;
+    justifyContent: boolean;
+    left: boolean;
+    margin: boolean;
+    marginBottom: boolean;
+    marginEnd: boolean;
+    marginHorizontal: boolean;
+    marginLeft: boolean;
+    marginRight: boolean;
+    marginStart: boolean;
+    marginTop: boolean;
+    marginVertical: boolean;
+    maxHeight: boolean;
+    maxWidth: boolean;
+    minHeight: boolean;
+    minWidth: boolean;
+    overflow: boolean;
+    padding: boolean;
+    paddingBottom: boolean;
+    paddingEnd: boolean;
+    paddingHorizontal: boolean;
+    paddingLeft: boolean;
+    paddingRight: boolean;
+    paddingStart: boolean;
+    paddingTop: boolean;
+    paddingVertical: boolean;
+    position: boolean;
+    right: boolean;
+    start: boolean;
+    top: boolean;
+    width: boolean;
+    zIndex: boolean;
+    direction: boolean;
+    shadowColor: boolean;
+    shadowOffset: boolean;
+    shadowOpacity: boolean;
+    shadowRadius: boolean;
+}>;
+export declare const stylePropsTextOnly: Readonly<{
+    whiteSpace?: boolean | undefined;
+    wordWrap?: boolean | undefined;
+    textOverflow?: boolean | undefined;
+    textDecorationDistance?: boolean | undefined;
+    color: boolean;
+    fontFamily: boolean;
+    fontSize: boolean;
+    fontStyle: boolean;
+    fontWeight: boolean;
+    letterSpacing: boolean;
+    lineHeight: boolean;
+    textAlign: boolean;
+    textDecorationLine: boolean;
+    textDecorationStyle: boolean;
+    textDecorationColor: boolean;
+    textShadowColor: boolean;
+    textShadowOffset: boolean;
+    textShadowRadius: boolean;
+    textTransform: boolean;
+}>;
+export declare const stylePropsText: Readonly<{
+    whiteSpace?: boolean | undefined;
+    wordWrap?: boolean | undefined;
+    textOverflow?: boolean | undefined;
+    textDecorationDistance?: boolean | undefined;
+    color: boolean;
+    fontFamily: boolean;
+    fontSize: boolean;
+    fontStyle: boolean;
+    fontWeight: boolean;
+    letterSpacing: boolean;
+    lineHeight: boolean;
+    textAlign: boolean;
+    textDecorationLine: boolean;
+    textDecorationStyle: boolean;
+    textDecorationColor: boolean;
+    textShadowColor: boolean;
+    textShadowOffset: boolean;
+    textShadowRadius: boolean;
+    textTransform: boolean;
+    overflowX?: boolean | undefined;
+    overflowY?: boolean | undefined;
+    userSelect?: boolean | undefined;
+    cursor?: boolean | undefined;
+    contain?: boolean | undefined;
+    pointerEvents?: boolean | undefined;
+    boxSizing?: boolean | undefined;
+    boxShadow?: boolean | undefined;
+    x: boolean;
+    y: boolean;
+    scale: boolean;
+    perspective: boolean;
+    scaleX: boolean;
+    scaleY: boolean;
+    skewX: boolean;
+    skewY: boolean;
+    matrix: boolean;
+    rotate: boolean;
+    rotateY: boolean;
+    rotateX: boolean;
+    rotateZ: boolean;
+    backfaceVisibility: boolean;
+    backgroundColor: boolean;
+    borderBottomColor: boolean;
+    borderBottomStyle: boolean;
+    borderTopStyle: boolean;
+    borderLeftStyle: boolean;
+    borderRightStyle: boolean;
+    borderBottomEndRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderBottomStartRadius: boolean;
+    borderBottomWidth: boolean;
+    borderColor: boolean;
+    borderEndColor: boolean;
+    borderLeftColor: boolean;
+    borderLeftWidth: boolean;
+    borderRadius: boolean;
+    borderRightColor: boolean;
+    borderRightWidth: boolean;
+    borderStartColor: boolean;
+    borderStyle: boolean;
+    borderTopColor: boolean;
+    borderTopEndRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderTopStartRadius: boolean;
+    borderTopWidth: boolean;
+    borderWidth: boolean;
+    opacity: boolean;
+    transform: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    aspectRatio: boolean;
+    borderEndWidth: boolean;
+    borderStartWidth: boolean;
+    bottom: boolean;
+    display: boolean;
+    end: boolean;
+    flex: boolean;
+    flexBasis: boolean;
+    flexDirection: boolean;
+    flexGrow: boolean;
+    flexShrink: boolean;
+    flexWrap: boolean;
+    height: boolean;
+    justifyContent: boolean;
+    left: boolean;
+    margin: boolean;
+    marginBottom: boolean;
+    marginEnd: boolean;
+    marginHorizontal: boolean;
+    marginLeft: boolean;
+    marginRight: boolean;
+    marginStart: boolean;
+    marginTop: boolean;
+    marginVertical: boolean;
+    maxHeight: boolean;
+    maxWidth: boolean;
+    minHeight: boolean;
+    minWidth: boolean;
+    overflow: boolean;
+    padding: boolean;
+    paddingBottom: boolean;
+    paddingEnd: boolean;
+    paddingHorizontal: boolean;
+    paddingLeft: boolean;
+    paddingRight: boolean;
+    paddingStart: boolean;
+    paddingTop: boolean;
+    paddingVertical: boolean;
+    position: boolean;
+    right: boolean;
+    start: boolean;
+    top: boolean;
+    width: boolean;
+    zIndex: boolean;
+    direction: boolean;
+    shadowColor: boolean;
+    shadowOffset: boolean;
+    shadowOpacity: boolean;
+    shadowRadius: boolean;
+}>;
+export declare const stylePropsAll: Readonly<{
+    whiteSpace?: boolean | undefined;
+    wordWrap?: boolean | undefined;
+    textOverflow?: boolean | undefined;
+    textDecorationDistance?: boolean | undefined;
+    color: boolean;
+    fontFamily: boolean;
+    fontSize: boolean;
+    fontStyle: boolean;
+    fontWeight: boolean;
+    letterSpacing: boolean;
+    lineHeight: boolean;
+    textAlign: boolean;
+    textDecorationLine: boolean;
+    textDecorationStyle: boolean;
+    textDecorationColor: boolean;
+    textShadowColor: boolean;
+    textShadowOffset: boolean;
+    textShadowRadius: boolean;
+    textTransform: boolean;
+    overflowX?: boolean | undefined;
+    overflowY?: boolean | undefined;
+    userSelect?: boolean | undefined;
+    cursor?: boolean | undefined;
+    contain?: boolean | undefined;
+    pointerEvents?: boolean | undefined;
+    boxSizing?: boolean | undefined;
+    boxShadow?: boolean | undefined;
+    x: boolean;
+    y: boolean;
+    scale: boolean;
+    perspective: boolean;
+    scaleX: boolean;
+    scaleY: boolean;
+    skewX: boolean;
+    skewY: boolean;
+    matrix: boolean;
+    rotate: boolean;
+    rotateY: boolean;
+    rotateX: boolean;
+    rotateZ: boolean;
+    backfaceVisibility: boolean;
+    backgroundColor: boolean;
+    borderBottomColor: boolean;
+    borderBottomStyle: boolean;
+    borderTopStyle: boolean;
+    borderLeftStyle: boolean;
+    borderRightStyle: boolean;
+    borderBottomEndRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderBottomStartRadius: boolean;
+    borderBottomWidth: boolean;
+    borderColor: boolean;
+    borderEndColor: boolean;
+    borderLeftColor: boolean;
+    borderLeftWidth: boolean;
+    borderRadius: boolean;
+    borderRightColor: boolean;
+    borderRightWidth: boolean;
+    borderStartColor: boolean;
+    borderStyle: boolean;
+    borderTopColor: boolean;
+    borderTopEndRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderTopStartRadius: boolean;
+    borderTopWidth: boolean;
+    borderWidth: boolean;
+    opacity: boolean;
+    transform: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    aspectRatio: boolean;
+    borderEndWidth: boolean;
+    borderStartWidth: boolean;
+    bottom: boolean;
+    display: boolean;
+    end: boolean;
+    flex: boolean;
+    flexBasis: boolean;
+    flexDirection: boolean;
+    flexGrow: boolean;
+    flexShrink: boolean;
+    flexWrap: boolean;
+    height: boolean;
+    justifyContent: boolean;
+    left: boolean;
+    margin: boolean;
+    marginBottom: boolean;
+    marginEnd: boolean;
+    marginHorizontal: boolean;
+    marginLeft: boolean;
+    marginRight: boolean;
+    marginStart: boolean;
+    marginTop: boolean;
+    marginVertical: boolean;
+    maxHeight: boolean;
+    maxWidth: boolean;
+    minHeight: boolean;
+    minWidth: boolean;
+    overflow: boolean;
+    padding: boolean;
+    paddingBottom: boolean;
+    paddingEnd: boolean;
+    paddingHorizontal: boolean;
+    paddingLeft: boolean;
+    paddingRight: boolean;
+    paddingStart: boolean;
+    paddingTop: boolean;
+    paddingVertical: boolean;
+    position: boolean;
+    right: boolean;
+    start: boolean;
+    top: boolean;
+    width: boolean;
+    zIndex: boolean;
+    direction: boolean;
+    shadowColor: boolean;
+    shadowOffset: boolean;
+    shadowOpacity: boolean;
+    shadowRadius: boolean;
+}>;
+export declare const validPseudoKeys: Readonly<{
+    enterStyle: boolean;
+    exitStyle: boolean;
+    hoverStyle: boolean;
+    pressStyle: boolean;
+    focusStyle: boolean;
+}>;
+export declare const validStyles: Readonly<{
+    overflowX?: boolean | undefined;
+    overflowY?: boolean | undefined;
+    userSelect?: boolean | undefined;
+    cursor?: boolean | undefined;
+    contain?: boolean | undefined;
+    pointerEvents?: boolean | undefined;
+    boxSizing?: boolean | undefined;
+    boxShadow?: boolean | undefined;
+    x: boolean;
+    y: boolean;
+    scale: boolean;
+    perspective: boolean;
+    scaleX: boolean;
+    scaleY: boolean;
+    skewX: boolean;
+    skewY: boolean;
+    matrix: boolean;
+    rotate: boolean;
+    rotateY: boolean;
+    rotateX: boolean;
+    rotateZ: boolean;
+    backfaceVisibility: boolean;
+    backgroundColor: boolean;
+    borderBottomColor: boolean;
+    borderBottomStyle: boolean;
+    borderTopStyle: boolean;
+    borderLeftStyle: boolean;
+    borderRightStyle: boolean;
+    borderBottomEndRadius: boolean;
+    borderBottomLeftRadius: boolean;
+    borderBottomRightRadius: boolean;
+    borderBottomStartRadius: boolean;
+    borderBottomWidth: boolean;
+    borderColor: boolean;
+    borderEndColor: boolean;
+    borderLeftColor: boolean;
+    borderLeftWidth: boolean;
+    borderRadius: boolean;
+    borderRightColor: boolean;
+    borderRightWidth: boolean;
+    borderStartColor: boolean;
+    borderStyle: boolean;
+    borderTopColor: boolean;
+    borderTopEndRadius: boolean;
+    borderTopLeftRadius: boolean;
+    borderTopRightRadius: boolean;
+    borderTopStartRadius: boolean;
+    borderTopWidth: boolean;
+    borderWidth: boolean;
+    opacity: boolean;
+    transform: boolean;
+    alignContent: boolean;
+    alignItems: boolean;
+    alignSelf: boolean;
+    aspectRatio: boolean;
+    borderEndWidth: boolean;
+    borderStartWidth: boolean;
+    bottom: boolean;
+    display: boolean;
+    end: boolean;
+    flex: boolean;
+    flexBasis: boolean;
+    flexDirection: boolean;
+    flexGrow: boolean;
+    flexShrink: boolean;
+    flexWrap: boolean;
+    height: boolean;
+    justifyContent: boolean;
+    left: boolean;
+    margin: boolean;
+    marginBottom: boolean;
+    marginEnd: boolean;
+    marginHorizontal: boolean;
+    marginLeft: boolean;
+    marginRight: boolean;
+    marginStart: boolean;
+    marginTop: boolean;
+    marginVertical: boolean;
+    maxHeight: boolean;
+    maxWidth: boolean;
+    minHeight: boolean;
+    minWidth: boolean;
+    overflow: boolean;
+    padding: boolean;
+    paddingBottom: boolean;
+    paddingEnd: boolean;
+    paddingHorizontal: boolean;
+    paddingLeft: boolean;
+    paddingRight: boolean;
+    paddingStart: boolean;
+    paddingTop: boolean;
+    paddingVertical: boolean;
+    position: boolean;
+    right: boolean;
+    start: boolean;
+    top: boolean;
+    width: boolean;
+    zIndex: boolean;
+    direction: boolean;
+    shadowColor: boolean;
+    shadowOffset: boolean;
+    shadowOpacity: boolean;
+    shadowRadius: boolean;
+    enterStyle: boolean;
+    exitStyle: boolean;
+    hoverStyle: boolean;
+    pressStyle: boolean;
+    focusStyle: boolean;
+}>;
+export declare const mapTransformKeys: {
+    x: string;
+    y: string;
+};
+export declare const invertMapTransformKeys: {
+    translateX: string;
+    translateY: string;
+};
+export declare const mergeTransform: (obj: ViewStyle, key: string, val: any) => void;
+//# sourceMappingURL=validStyleProps.d.ts.map

package/types/validStyleProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validStyleProps.d.ts","sourceRoot":"","sources":["../src/validStyleProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;EAc9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgGzB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;EAyB7B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGzB,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAiB,CAAA;AAE3C,eAAO,MAAM,eAAe;;;;;;EAM1B,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAGtB,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;CAG5B,CAAA;AAED,eAAO,MAAM,sBAAsB;;;CAGlC,CAAA;AAED,eAAO,MAAM,cAAc,QAAS,SAAS,OAAO,MAAM,OAAO,GAAG,SAInE,CAAA"}

package/dist/allRules.js

@@ -1,9 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const AllRules = new Set();
-const getStyleRules = /* @__PURE__ */ __name(() => AllRules, "getStyleRules");
-export {
-  AllRules,
-  getStyleRules
-};
-//# sourceMappingURL=allRules.js.map

package/dist/allRules.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/allRules.ts"],
-  "sourcesContent": ["// ssr only\n\nexport const AllRules = new Set()\n\nexport const getStyleRules = () => AllRules\n"],
-  "mappings": ";;AAEO,MAAM,WAAW,IAAI;AAErB,MAAM,gBAAgB,6BAAM,UAAN;",
-  "names": []
-}

package/dist/concatClassName.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/concatClassName.ts"],
-  "sourcesContent": ["// perf sensitive so doing some weird stuff\n\n// testing caching\n// because we can hit these recent ones a ton of times in common cases\n// we're caching the simple case, this shouldn't be bad on memory either\n// const recently = new Map()\n// setInterval(() => {\n//   recently.clear()\n// }, 1000)\n\nexport function concatClassName(_cn: any) {\n  // if (arguments.length === 1) {\n  //   if (recently.has(arguments[0])) {\n  //     return recently.get(arguments[0])\n  //   }\n  // }\n\n  const classNamesOrPropObjects = arguments\n  const usedPrefixes: string[] = []\n  let final = ''\n\n  const len = classNamesOrPropObjects.length\n  let propObjects: any = null\n  for (let x = len; x >= 0; x--) {\n    const cns = classNamesOrPropObjects[x]\n    if (!cns) continue\n    if (!Array.isArray(cns) && typeof cns !== 'string') {\n      // is prop object\n      propObjects = propObjects || []\n      propObjects.push(cns)\n      continue\n    }\n    const names = Array.isArray(cns) ? cns : cns.split(' ')\n\n    const numNames = names.length\n    for (let i = numNames - 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 = name + ' ' + final\n        continue\n      }\n      const splitIndex = name.indexOf('-')\n\n      if (splitIndex < 1) {\n        final = name + ' ' + final\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\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\n      if (!isMediaQuery && !isPsuedoQuery) {\n        if (usedPrefixes.indexOf(uid) > -1) {\n          continue\n        }\n        usedPrefixes.push(uid)\n      }\n\n      // overrides for full safety\n      const propName = styleKey\n      if (propName && propObjects) {\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            return res\n          })\n        ) {\n          continue\n        }\n      }\n\n      final = name + ' ' + final\n    }\n  }\n\n  // if (arguments.length === 1) {\n  //   recently.set(arguments[0], final)\n  // }\n\n  return final\n}\n\nconst pseudoInvert = {\n  hover: 'hoverStyle',\n  focus: 'focusStyle',\n  press: 'pressStyle',\n}\n"],
-  "mappings": ";;AAUO,yBAAyB,KAAU;AAOxC,QAAM,0BAA0B;AAChC,QAAM,eAAyB;AAC/B,MAAI,QAAQ;AAEZ,QAAM,MAAM,wBAAwB;AACpC,MAAI,cAAmB;AACvB,WAAS,IAAI,KAAK,KAAK,GAAG,KAAK;AAC7B,UAAM,MAAM,wBAAwB;AACpC,QAAI,CAAC;AAAK;AACV,QAAI,CAAC,MAAM,QAAQ,QAAQ,OAAO,QAAQ,UAAU;AAElD,oBAAc,eAAe;AAC7B,kBAAY,KAAK;AACjB;AAAA;AAEF,UAAM,QAAQ,MAAM,QAAQ,OAAO,MAAM,IAAI,MAAM;AAEnD,UAAM,WAAW,MAAM;AACvB,aAAS,IAAI,WAAW,GAAG,KAAK,GAAG,KAAK;AACtC,YAAM,OAAO,MAAM;AACnB,UAAI,CAAC,QAAQ,SAAS;AAAK;AAC3B,UAAI,KAAK,OAAO,KAAK;AAEnB,gBAAQ,OAAO,MAAM;AACrB;AAAA;AAEF,YAAM,aAAa,KAAK,QAAQ;AAEhC,UAAI,aAAa,GAAG;AAClB,gBAAQ,OAAO,MAAM;AACrB;AAAA;AAEF,YAAM,WAAW,KAAK,aAAa;AAGnC,YAAM,eAAe,aAAa;AAElC,YAAM,gBAAgB,aAAa;AAEnC,YAAM,WAAW,KAAK,MAAM,GAAG;AAC/B,YAAM,WACJ,gBAAgB,gBAAgB,KAAK,MAAM,aAAa,GAAG,aAAa,KAAK;AAC/E,YAAM,MAAM,WAAW,WAAW,WAAW;AAE7C,UAAI,CAAC,gBAAgB,CAAC,eAAe;AACnC,YAAI,aAAa,QAAQ,OAAO,IAAI;AAClC;AAAA;AAEF,qBAAa,KAAK;AAAA;AAIpB,YAAM,WAAW;AACjB,UAAI,YAAY,aAAa;AAC3B,YACE,YAAY,KAAK,CAAC,OAAO;AACvB,cAAI,UAAU;AACZ,kBAAM,UAAU,aAAa;AAC7B,mBAAO,MAAM,GAAG,YAAY,YAAY,GAAG,YAAY,GAAG,aAAa;AAAA;AAEzE,gBAAM,MAAM,MAAM,YAAY,MAAM,GAAG,cAAc;AACrD,iBAAO;AAAA,YAET;AACA;AAAA;AAAA;AAIJ,cAAQ,OAAO,MAAM;AAAA;AAAA;AAQzB,SAAO;AAAA;AAnFO;AAsFhB,MAAM,eAAe;AAAA,EACnB,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;",
-  "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,96 +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 { AllRules } from "./AllRules";
-const pseudos = {
-  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, avoidCollection = false) {
-  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], avoidCollection);
-  }).flat();
-}
-__name(getStylesAtomic, "getStylesAtomic");
-const importantRegex = /\!important*/g;
-function getAtomicStyle(style, pseudo, avoidCollection) {
-  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 hash = val.identifier.slice(`${val.identifier}`.lastIndexOf("-") + 1);
-    const psuedoPrefix = pseudo ? `-${pseudo.name}-` : "";
-    const identifier = `_${val.property}-${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, "");
-    });
-    if (!avoidCollection) {
-      if (rules.length > 1) {
-        console.warn("have never seen more than one, verifying");
-      }
-      AllRules.add(rules[0]);
-    }
-    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 { AllRules } from './AllRules'\nimport { StyleObject } from './types'\n\nexport const pseudos = {\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, avoidCollection = false) {\n  const styles: { [key: string]: ViewStyle } = {\n    base: {},\n  }\n  // split pseudos\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], avoidCollection)\n    })\n    .flat()\n}\n\nconst importantRegex = /\\!important*/g\n\nfunction getAtomicStyle(\n  style: ViewStyle,\n  pseudo?: { name: string; priority: number },\n  avoidCollection?: boolean\n): 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    // TODO man, rnw has a ton of function calls etc here\n    ...atomic(createCompileableStyle(createReactDOMStyle(i18Style(style)))),\n  }\n\n  return Object.keys(all).map((key) => {\n    const val = all[key]\n    const hash = val.identifier.slice(`${val.identifier}`.lastIndexOf('-') + 1)\n    // pseudos have a `--` to be easier to find with concatClassNames\n    const psuedoPrefix = pseudo ? `-${pseudo.name}-` : ''\n    const identifier = `_${val.property}-${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\n    if (!avoidCollection) {\n      if (rules.length > 1) {\n        console.warn('have never seen more than one, verifying')\n      }\n      AllRules.add(rules[0])\n    }\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;AAGO,MAAM,UAAU;AAAA,EACrB,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,kBAAkB,OAAO;AACnE,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,MAAM;AAAA,KAElD;AAAA;AAhBW;AAmBhB,MAAM,iBAAiB;AAEvB,wBACE,OACA,QACA,iBACe;AACf,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,OAEP,OAAO,uBAAuB,oBAAoB,SAAS;AAAA;AAGhE,SAAO,OAAO,KAAK,KAAK,IAAI,CAAC,QAAQ;AACnC,UAAM,MAAM,IAAI;AAChB,UAAM,OAAO,IAAI,WAAW,MAAM,GAAG,IAAI,aAAa,YAAY,OAAO;AAEzE,UAAM,eAAe,SAAS,IAAI,OAAO,UAAU;AACnD,UAAM,aAAa,IAAI,IAAI,YAAY,eAAe;AACtD,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;AAG/E,QAAI,CAAC,iBAAiB;AACpB,UAAI,MAAM,SAAS,GAAG;AACpB,gBAAQ,KAAK;AAAA;AAEf,eAAS,IAAI,MAAM;AAAA;AAGrB,UAAM,SAAsB;AAAA,MAC1B,UAAU,IAAI;AAAA,MACd,OAAO,IAAI;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA;AAEF,WAAO;AAAA;AAAA;AA9DF;",
-  "names": []
-}