@tamagui/core 1.0.0-alpha.7 → 1.0.0-beta.172

package/dist/helpers/getSplitStyles.js

@@ -1,148 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import {
-  AllRules,
-  stylePropsText,
-  stylePropsTransform,
-  validStyles,
-  validStylesPseudo
-} from "@tamagui/helpers";
-import { isWeb } from "../constants/platform";
-import { mediaQueryConfig } from "../hooks/useMedia";
-import { createMediaStyle } from "./createMediaStyle";
-import { fixNativeShadow } from "./fixNativeShadow";
-import { getStylesAtomic } from "./getStylesAtomic";
-import { insertStyleRule } from "./insertStyleRule";
-const getSplitStyles = /* @__PURE__ */ __name((props, staticConfig, theme, isSplittingDefaultProps) => {
-  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles;
-  const viewProps = {};
-  const style = [];
-  let pseudos = null;
-  let cur = null;
-  let classNames = null;
-  for (const keyInit in props) {
-    const valInit = props[keyInit];
-    if (keyInit[0] === "$") {
-      const mediaKey = keyInit.slice(1);
-      if (!mediaQueryConfig[mediaKey]) {
-        viewProps[keyInit] = valInit;
-        continue;
-      }
-      const mediaProps = { ...props, ...valInit };
-      const mediaStyle = getSubStyle(valInit, staticConfig, theme, props);
-      const mediaStyles = getStylesAtomic(mediaStyle);
-      if (process.env.NODE_ENV === "development") {
-        if (props["debug"]) {
-          console.log("mediaStyles", keyInit, { mediaProps, mediaStyle, mediaStyles });
-        }
-      }
-      for (const style2 of mediaStyles) {
-        if (isWeb) {
-          const out2 = createMediaStyle(style2, mediaKey, mediaQueryConfig);
-          classNames = classNames || [];
-          classNames.push(out2.identifier);
-          AllRules.add(out2.styleRule);
-          insertStyleRule(out2.styleRule);
-          if (process.env.NODE_ENV === "development" && props["debug"]) {
-            console.log("mediaProp", style2.identifier, out2, mediaProps, mediaStyle, mediaStyles);
-          }
-        } else {
-          console.log("TODO native media style logic");
-        }
-      }
-      continue;
-    }
-    if (validStylesPseudo[keyInit]) {
-      if (!valInit)
-        continue;
-      pseudos = pseudos || {};
-      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme, props);
-      continue;
-    }
-    const out = staticConfig.propMapper(keyInit, valInit, theme, props);
-    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out);
-    for (const [key, val] of expanded) {
-      const keyFirstChar = key[0];
-      if (key === "style" || keyFirstChar === "_" && key.startsWith("_style")) {
-        if (cur) {
-          fixNativeShadow(cur);
-          style.push(cur);
-          cur = null;
-        }
-        fixNativeShadow(val);
-        style.push(val);
-        continue;
-      }
-      if (key === "flex") {
-        cur = cur || {};
-        Object.assign(cur, {
-          flexGrow: val,
-          flexShrink: 1
-        });
-        continue;
-      }
-      if (!isWeb && key === "pointerEvents") {
-        viewProps[key] = val;
-        continue;
-      }
-      if (validStyleProps[key]) {
-        if (key in stylePropsTransform) {
-          cur = cur || {};
-          mergeTransform(cur, key, val);
-          continue;
-        }
-        cur = cur || {};
-        cur[key] = val;
-        continue;
-      }
-      if (!staticConfig.variants || !(key in staticConfig.variants)) {
-        viewProps[key] = val;
-      }
-    }
-  }
-  if (cur) {
-    fixNativeShadow(cur);
-    style.push(cur);
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (props["debug"]) {
-      console.log(" \u{1F95A} splitProps:", { props, viewProps, style });
-    }
-  }
-  return {
-    viewProps,
-    style,
-    pseudos,
-    classNames
-  };
-}, "getSplitStyles");
-const getSubStyle = /* @__PURE__ */ __name((styleIn, staticConfig, theme, props) => {
-  const styleOut = {};
-  for (const key in styleIn) {
-    const val = styleIn[key];
-    const out = staticConfig.propMapper(key, val, theme, props);
-    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;
-      }
-    }
-  }
-  fixNativeShadow(styleOut);
-  return styleOut;
-}, "getSubStyle");
-const mapTransformKeys = {
-  x: "translateX",
-  y: "translateY"
-};
-const mergeTransform = /* @__PURE__ */ __name((obj, key, val) => {
-  const transform = obj.transform ? Array.isArray(obj.transform) ? obj.transform : [obj.transform] : [];
-  transform.push({ [mapTransformKeys[key] || key]: val });
-  obj.transform = transform;
-}, "mergeTransform");
-export {
-  getSplitStyles
-};
-//# sourceMappingURL=getSplitStyles.js.map

package/dist/helpers/getSplitStyles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import {\n  AllRules,\n  stylePropsText,\n  stylePropsTransform,\n  validStyles,\n  validStylesPseudo,\n} from '@tamagui/helpers'\nimport { ViewStyle } from 'react-native'\n\nimport { isWeb } from '../constants/platform'\nimport { mediaQueryConfig } from '../hooks/useMedia'\nimport { StaticConfigParsed, ThemeObject } from '../types'\nimport { createMediaStyle } from './createMediaStyle'\nimport { fixNativeShadow } from './fixNativeShadow'\nimport { getStylesAtomic } from './getStylesAtomic'\nimport { insertStyleRule } from './insertStyleRule'\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\n\n// TODO run over this, should be able to cut it down quite a bit\n\nexport const getSplitStyles = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  isSplittingDefaultProps?: boolean\n) => {\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: Record<string, any> = {}\n  const style: any[] = []\n\n  let pseudos: { hoverStyle?: ViewStyle; pressStyle?: ViewStyle } | null = null\n  let cur: ViewStyle | null = null\n  let classNames: string[] | null = null\n\n  for (const keyInit in props) {\n    // be sure to sync next few lines below to getSubStyle (*1)\n    const valInit = props[keyInit]\n\n    // media\n    if (keyInit[0] === '$') {\n      const mediaKey = keyInit.slice(1)\n\n      if (!mediaQueryConfig[mediaKey]) {\n        // this isn't a media key, pass through\n        viewProps[keyInit] = valInit\n        continue\n      }\n\n      // dont check if media is active, we just apply *all* media styles\n      // we combine the media props on top regular props, could proxy this\n      // TODO test proxy here instead of merge\n      const mediaProps = { ...props, ...valInit }\n      // TODO media + hover\n      const mediaStyle = getSubStyle(valInit, staticConfig, theme, props)\n      const mediaStyles = getStylesAtomic(mediaStyle)\n      if (process.env.NODE_ENV === 'development') {\n        if (props['debug']) {\n          console.log('mediaStyles', keyInit, { mediaProps, mediaStyle, mediaStyles })\n        }\n      }\n      for (const style of mediaStyles) {\n        if (isWeb) {\n          const out = createMediaStyle(style, mediaKey, mediaQueryConfig)\n          classNames = classNames || []\n          classNames.push(out.identifier)\n          AllRules.add(out.styleRule)\n          insertStyleRule(out.styleRule)\n          if (process.env.NODE_ENV === 'development' && props['debug']) {\n            console.log('mediaProp', style.identifier, out, mediaProps, mediaStyle, mediaStyles)\n          }\n        } else {\n          console.log('TODO native media style logic')\n        }\n      }\n      continue\n    }\n\n    // pseudo\n    if (validStylesPseudo[keyInit]) {\n      if (!valInit) continue\n      pseudos = pseudos || {}\n      pseudos[keyInit] = getSubStyle(valInit, staticConfig, theme, props)\n      continue\n    }\n\n    const out = staticConfig.propMapper(keyInit, valInit, theme, props)\n\n    const expanded = out === true || !out ? [[keyInit, valInit]] : Object.entries(out)\n\n    for (const [key, val] of expanded) {\n      // const val = valueMap(valInit) ?? valInit\n      const keyFirstChar = key[0]\n      if (key === 'style' || (keyFirstChar === '_' && key.startsWith('_style'))) {\n        if (cur) {\n          // process last\n          fixNativeShadow(cur)\n          style.push(cur)\n          cur = null\n        }\n        fixNativeShadow(val)\n        style.push(val)\n        continue\n      }\n      // expand flex so it merged with flexShrink etc properly\n      // TODO this shouldn't be here...\n      if (key === 'flex') {\n        cur = cur || {}\n        // see spec for flex shorthand https://developer.mozilla.org/en-US/docs/Web/CSS/flex\n        // TODO this fixed a behavior but need to find / document / test\n        Object.assign(cur, {\n          flexGrow: val,\n          flexShrink: 1,\n        })\n        continue\n      }\n      if (!isWeb && key === 'pointerEvents') {\n        viewProps[key] = val\n        continue\n      }\n      if (validStyleProps[key]) {\n        // transforms\n        if (key in stylePropsTransform) {\n          cur = cur || {}\n          mergeTransform(cur, key, val)\n          continue\n        }\n        cur = cur || {}\n        cur[key] = val\n        continue\n      }\n\n      // pass to view props\n      if (!staticConfig.variants || !(key in staticConfig.variants)) {\n        viewProps[key] = val\n      }\n    }\n  }\n  // push last style\n  if (cur) {\n    fixNativeShadow(cur)\n    style.push(cur)\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (props['debug']) {\n      console.log(' \uD83E\uDD5A splitProps:', { props, viewProps, style })\n    }\n  }\n\n  return {\n    viewProps,\n    style,\n    pseudos,\n    classNames,\n  }\n}\n\nconst getSubStyle = (\n  styleIn: Object,\n  staticConfig: StaticConfigParsed,\n  theme: ThemeObject,\n  props: any\n): ViewStyle => {\n  const styleOut: ViewStyle = {}\n  for (const key in styleIn) {\n    // be sure to sync next few lines below to loop above (*1)\n    const val = styleIn[key]\n    const out = staticConfig.propMapper(key, val, theme, props)\n    const expanded = out === true || !out ? [[key, val]] : Object.entries(out)\n    for (const [skey, sval] of expanded) {\n      // const sval = valueMap(valInit)\n      if (skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = sval\n      }\n    }\n  }\n  fixNativeShadow(styleOut)\n  return styleOut\n}\n\nconst mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n\nconst mergeTransform = (obj: ViewStyle, key: string, val: any) => {\n  const transform: any[] = obj.transform\n    ? Array.isArray(obj.transform)\n      ? obj.transform\n      : [obj.transform]\n    : []\n  transform.push({ [mapTransformKeys[key] || key]: val })\n  obj.transform = transform\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/helpers/getStylesAtomic.js

@@ -1,83 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { AllRules } from "@tamagui/helpers";
-import { pseudos } from "../constants/pseudos";
-import { rnw } from "../constants/rnw";
-const generateStyle = /* @__PURE__ */ __name((style) => {
-  const { atomic, createCompileableStyle, createReactDOMStyle, i18Style } = rnw;
-  return {
-    ...atomic(createCompileableStyle(createReactDOMStyle(i18Style(style))))
-  };
-}, "generateStyle");
-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 = generateStyle(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
-};
-//# sourceMappingURL=getStylesAtomic.js.map

package/dist/helpers/getStylesAtomic.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/getStylesAtomic.ts"],
-  "sourcesContent": ["import { AllRules, StyleObject } from '@tamagui/helpers'\nimport { ViewStyle } from 'react-native'\n\nimport { pseudos } from '../constants/pseudos'\nimport { rnw } from '../constants/rnw'\n\nconst generateStyle = (style: any) => {\n  const { atomic, createCompileableStyle, createReactDOMStyle, i18Style } = rnw\n  return {\n    ...atomic(createCompileableStyle(createReactDOMStyle(i18Style(style)))),\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 = generateStyle(style)\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": ";;AAAA;AAGA;AACA;AAEA,MAAM,gBAAgB,wBAAC,UAAe;AACpC,QAAM,EAAE,QAAQ,wBAAwB,qBAAqB,aAAa;AAC1E,SAAO;AAAA,OACF,OAAO,uBAAuB,oBAAoB,SAAS;AAAA;AAAA,GAH5C;AAOtB,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,cAAc;AAC1B,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;AA1DF;",
-  "names": []
-}

package/dist/helpers/insertStyleRule.js

@@ -1,24 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { isWeb } from "../constants/platform";
-function insertStyleRule(rule) {
-  if (typeof window === "undefined") {
-    return;
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (!isWeb) {
-      console.warn("non web platform, dont use this");
-      return;
-    }
-  }
-  const sheet = window.document.styleSheets[0];
-  if (!sheet) {
-    return;
-  }
-  sheet.insertRule(rule, sheet.cssRules.length);
-}
-__name(insertStyleRule, "insertStyleRule");
-export {
-  insertStyleRule
-};
-//# sourceMappingURL=insertStyleRule.js.map

package/dist/helpers/insertStyleRule.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/insertStyleRule.tsx"],
-  "sourcesContent": ["import { isWeb } from '../constants/platform'\n\nexport function insertStyleRule(rule: string) {\n  if (typeof window === 'undefined') {\n    return\n  }\n  if (process.env.NODE_ENV === 'development') {\n    if (!isWeb) {\n      console.warn('non web platform, dont use this')\n      return\n    }\n  }\n  const sheet = window.document.styleSheets[0]\n  if (!sheet) {\n    return\n  }\n  sheet.insertRule(rule, sheet.cssRules.length)\n}\n"],
-  "mappings": ";;AAAA;AAEO,yBAAyB,MAAc;AAC5C,MAAI,OAAO,WAAW,aAAa;AACjC;AAAA;AAEF,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,OAAO;AACV,cAAQ,KAAK;AACb;AAAA;AAAA;AAGJ,QAAM,QAAQ,OAAO,SAAS,YAAY;AAC1C,MAAI,CAAC,OAAO;AACV;AAAA;AAEF,QAAM,WAAW,MAAM,MAAM,SAAS;AAAA;AAdxB;",
-  "names": []
-}

package/dist/helpers/isComponent.js

@@ -1,10 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { isValidElement } from "react";
-const isTamaguiComponent = /* @__PURE__ */ __name((child) => {
-  return isValidElement(child) && child.type["staticConfig"]?.parsed;
-}, "isTamaguiComponent");
-export {
-  isTamaguiComponent
-};
-//# sourceMappingURL=isComponent.js.map

package/dist/helpers/isComponent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/isComponent.tsx"],
-  "sourcesContent": ["import { isValidElement } from 'react'\n\nexport const isTamaguiComponent = (child: any) => {\n  return isValidElement(child) && child.type['staticConfig']?.parsed\n}\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,qBAAqB,wBAAC,UAAe;AAChD,SAAO,eAAe,UAAU,MAAM,KAAK,iBAAiB;AAAA,GAD5B;",
-  "names": []
-}

package/dist/helpers/isTamaguiComponent.js

@@ -1,10 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { isValidElement } from "react";
-const isTamaguiComponent = /* @__PURE__ */ __name((child) => {
-  return isValidElement(child) && !!child.type["staticConfig"]?.parsed;
-}, "isTamaguiComponent");
-export {
-  isTamaguiComponent
-};
-//# sourceMappingURL=isTamaguiComponent.js.map

package/dist/helpers/isTamaguiComponent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/isTamaguiComponent.tsx"],
-  "sourcesContent": ["import React, { isValidElement } from 'react'\n\nexport const isTamaguiComponent = (child: any): child is React.ReactElement => {\n  return isValidElement(child) && !!child.type['staticConfig']?.parsed\n}\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,qBAAqB,wBAAC,UAA4C;AAC7E,SAAO,eAAe,UAAU,CAAC,CAAC,MAAM,KAAK,iBAAiB;AAAA,GAD9B;",
-  "names": []
-}

package/dist/helpers/matchMedia.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/matchMedia.ts"],
-  "sourcesContent": ["export const matchMedia =\n  (typeof window !== 'undefined' && window.matchMedia) ||\n  (function matchMediaFallback(query: string) {\n    return {\n      addListener() {},\n      removeListener() {},\n      matches: false,\n    }\n  } as any)\n"],
-  "mappings": ";;AAAO,MAAM,aACV,OAAO,WAAW,eAAe,OAAO,cACxC,mDAA4B,OAAe;AAC1C,SAAO;AAAA,IACL,cAAc;AAAA;AAAA,IACd,iBAAiB;AAAA;AAAA,IACjB,SAAS;AAAA;AAAA,GAJZ;",
-  "names": []
-}

package/dist/helpers/matchMedia.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/matchMedia.native.ts"],
-  "sourcesContent": ["import MediaQueryList from '@expo/match-media/build/MediaQueryList.js'\n\nexport const matchMedia = (media: string) => new MediaQueryList(media)\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,aAAa,wBAAC,UAAkB,IAAI,eAAe,QAAtC;",
-  "names": []
-}

package/dist/helpers/pseudos.js

@@ -1 +0,0 @@
-//# sourceMappingURL=pseudos.js.map

package/dist/helpers/themeable.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/themeable.tsx"],
-  "sourcesContent": ["import React, { ReactElement, forwardRef } from 'react'\n\nimport { Theme } from '../views/Theme'\nimport { ThemeInverse } from '../views/ThemeInverse'\n\nexport type ThemeableProps = {\n  theme?: string | null\n  themeInverse?: boolean\n}\n\nexport const themeable: ThemeableHOC = function graphql<\n  R extends ReactElement<any, any> | null,\n  P extends ThemeableProps = {}\n>(component: (props: P) => R) {\n  const withThemeComponent = forwardRef(function WithTheme({ themeInverse, ...rest }: P, ref) {\n    const el = React.createElement(component, { ...rest, ref } as any) as R\n    if (themeInverse) {\n      return (<ThemeInverse>{el}</ThemeInverse>) as R\n    }\n    if (rest.theme) {\n      return (<Theme name={rest.theme || null}>{el}</Theme>) as R\n    }\n    return el\n  })\n\n  const withTheme: {\n    (props: P): R\n    displayName: string\n  } = withThemeComponent as any\n\n  withTheme.displayName = `Themed(${\n    (component as any)?.displayName || (component as any)?.name || 'Anonymous'\n  })`\n\n  return withTheme\n}\n\nexport interface ThemeableHOC {\n  <R extends ReactElement<any, any> | null, P extends ThemeableProps = {}>(\n    component: (props: P) => R\n  ): (props: P) => R\n}\n"],
-  "mappings": ";;AAAA;AAEA;AACA;AAOO,MAAM,YAA0B,wCAGrC,WAA4B;AAC5B,QAAM,qBAAqB,WAAW,0CAAmB,EAAE,iBAAiB,QAAW,KAAK;AAC1F,UAAM,KAAK,MAAM,cAAc,WAAW,KAAK,MAAM;AACrD,QAAI,cAAc;AAChB,aAAQ,oCAAC,cAAD,MAAe;AAAA;AAEzB,QAAI,KAAK,OAAO;AACd,aAAQ,oCAAC,OAAD;AAAA,QAAO,MAAM,KAAK,SAAS;AAAA,SAAO;AAAA;AAE5C,WAAO;AAAA,KAR6B;AAWtC,QAAM,YAGF;AAEJ,YAAU,cAAc,UACrB,WAAmB,eAAgB,WAAmB,QAAQ;AAGjE,SAAO;AAAA,GAxB8B;",
-  "names": []
-}

package/dist/helpers/validate.js

@@ -1,60 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import ow from "@tamagui/ow";
-const validateConfig = /* @__PURE__ */ __name((conf) => {
-  if (!conf) {
-    console.warn("no conf?");
-    return;
-  }
-  try {
-    ow(conf, validConfig);
-  } catch (err) {
-    console.log("Given config:\n", JSON.stringify(conf, null, 2));
-    throw err;
-  }
-}, "validateConfig");
-const validConfig = ow.object.exactShape({
-  defaultTheme: ow.optional.string,
-  disableRootThemeClass: ow.optional.boolean,
-  shorthands: ow.optional.object.valuesOfType(ow.string),
-  themes: ow.object.valuesOfType(ow.object),
-  tokens: ow.object.valuesOfType(ow.object),
-  media: ow.object.valuesOfType(ow.object)
-});
-const validFont = ow.object.exactShape({
-  family: ow.string,
-  size: ow.object.nonEmpty.valuesOfType(ow.number),
-  lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),
-  weight: ow.object.nonEmpty.valuesOfType(ow.string),
-  letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number)
-});
-const validTokens = ow.object.exactShape({
-  font: ow.object.valuesOfType(validFont),
-  size: ow.object.nonEmpty.valuesOfType(ow.number),
-  space: ow.object.nonEmpty.valuesOfType(ow.number),
-  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),
-  radius: ow.object.nonEmpty.valuesOfType(ow.number),
-  color: ow.object.nonEmpty.valuesOfType(ow.string)
-});
-const validateTokens = /* @__PURE__ */ __name((tokens) => {
-  try {
-    ow(tokens, validTokens);
-  } catch (err) {
-    console.log("Given tokens:\n", JSON.stringify(tokens, null, 2));
-    throw err;
-  }
-}, "validateTokens");
-const validateFont = /* @__PURE__ */ __name((font) => {
-  try {
-    ow(font, validFont);
-  } catch (err) {
-    console.log("Given font:\n", JSON.stringify(font, null, 2));
-    throw err;
-  }
-}, "validateFont");
-export {
-  validateConfig,
-  validateFont,
-  validateTokens
-};
-//# sourceMappingURL=validate.js.map

package/dist/helpers/validate.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/validate.ts"],
-  "sourcesContent": ["// published a patched version that works on native\nimport ow from '@tamagui/ow'\n\nexport const validateConfig = (conf: any) => {\n  if (!conf) {\n    console.warn('no conf?')\n    return\n  }\n  try {\n    ow(conf, validConfig)\n  } catch (err: any) {\n    console.log('Given config:\\n', JSON.stringify(conf, null, 2))\n    throw err\n  }\n}\n\nconst validConfig = ow.object.exactShape({\n  defaultTheme: ow.optional.string,\n  disableRootThemeClass: ow.optional.boolean,\n  shorthands: ow.optional.object.valuesOfType(ow.string),\n  themes: ow.object.valuesOfType(ow.object),\n  tokens: ow.object.valuesOfType(ow.object),\n  media: ow.object.valuesOfType(ow.object),\n})\n\nconst validFont = ow.object.exactShape({\n  family: ow.string,\n  size: ow.object.nonEmpty.valuesOfType(ow.number),\n  lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),\n  weight: ow.object.nonEmpty.valuesOfType(ow.string),\n  letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number),\n})\n\nconst validTokens = ow.object.exactShape({\n  font: ow.object.valuesOfType(validFont),\n  size: ow.object.nonEmpty.valuesOfType(ow.number),\n  space: ow.object.nonEmpty.valuesOfType(ow.number),\n  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),\n  radius: ow.object.nonEmpty.valuesOfType(ow.number),\n  color: ow.object.nonEmpty.valuesOfType(ow.string),\n})\n\nexport const validateTokens = (tokens: any) => {\n  try {\n    ow(tokens, validTokens)\n  } catch (err: any) {\n    console.log('Given tokens:\\n', JSON.stringify(tokens, null, 2))\n    throw err\n  }\n}\n\nexport const validateFont = (font: any) => {\n  try {\n    ow(font, validFont)\n  } catch (err: any) {\n    console.log('Given font:\\n', JSON.stringify(font, null, 2))\n    throw err\n  }\n}\n"],
-  "mappings": ";;AACA;AAEO,MAAM,iBAAiB,wBAAC,SAAc;AAC3C,MAAI,CAAC,MAAM;AACT,YAAQ,KAAK;AACb;AAAA;AAEF,MAAI;AACF,OAAG,MAAM;AAAA,WACF,KAAP;AACA,YAAQ,IAAI,mBAAmB,KAAK,UAAU,MAAM,MAAM;AAC1D,UAAM;AAAA;AAAA,GAToB;AAa9B,MAAM,cAAc,GAAG,OAAO,WAAW;AAAA,EACvC,cAAc,GAAG,SAAS;AAAA,EAC1B,uBAAuB,GAAG,SAAS;AAAA,EACnC,YAAY,GAAG,SAAS,OAAO,aAAa,GAAG;AAAA,EAC/C,QAAQ,GAAG,OAAO,aAAa,GAAG;AAAA,EAClC,QAAQ,GAAG,OAAO,aAAa,GAAG;AAAA,EAClC,OAAO,GAAG,OAAO,aAAa,GAAG;AAAA;AAGnC,MAAM,YAAY,GAAG,OAAO,WAAW;AAAA,EACrC,QAAQ,GAAG;AAAA,EACX,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EACzC,YAAY,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC/C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,eAAe,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;AAGpD,MAAM,cAAc,GAAG,OAAO,WAAW;AAAA,EACvC,MAAM,GAAG,OAAO,aAAa;AAAA,EAC7B,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EACzC,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC1C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;AAGrC,MAAM,iBAAiB,wBAAC,WAAgB;AAC7C,MAAI;AACF,OAAG,QAAQ;AAAA,WACJ,KAAP;AACA,YAAQ,IAAI,mBAAmB,KAAK,UAAU,QAAQ,MAAM;AAC5D,UAAM;AAAA;AAAA,GALoB;AASvB,MAAM,eAAe,wBAAC,SAAc;AACzC,MAAI;AACF,OAAG,MAAM;AAAA,WACF,KAAP;AACA,YAAQ,IAAI,iBAAiB,KAAK,UAAU,MAAM,MAAM;AACxD,UAAM;AAAA;AAAA,GALkB;",
-  "names": []
-}

package/dist/helpers/validateConfig.js

@@ -1,46 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import ow from "ow";
-const validateConfig = /* @__PURE__ */ __name((tokens) => {
-  try {
-    ow(tokens, validConfig);
-  } catch (err) {
-    console.error(err.message);
-    console.log("Given config:\n", JSON.stringify(tokens, null, 2));
-  }
-}, "validateConfig");
-const validConfig = ow.object.exactShape({
-  defaultTheme: ow.optional.string,
-  disableRootThemeClass: ow.optional.string,
-  shorthands: ow.optional.object.valuesOfType(ow.string),
-  themes: ow.object.valuesOfType(ow.object),
-  tokens: ow.object.valuesOfType(ow.object),
-  media: ow.object.valuesOfType(ow.object)
-});
-const validateTokens = /* @__PURE__ */ __name((tokens) => {
-  try {
-    ow(tokens, validTokens);
-  } catch (err) {
-    console.error(err.message);
-    console.log("Given tokens:\n", JSON.stringify(tokens, null, 2));
-  }
-}, "validateTokens");
-const validTokens = ow.object.exactShape({
-  font: ow.object.valuesOfType(ow.object.exactShape({
-    family: ow.string,
-    size: ow.object.nonEmpty.valuesOfType(ow.number),
-    lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),
-    weight: ow.object.nonEmpty.valuesOfType(ow.string),
-    letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number)
-  })),
-  size: ow.object.nonEmpty.valuesOfType(ow.number),
-  space: ow.object.nonEmpty.valuesOfType(ow.number),
-  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),
-  radius: ow.object.nonEmpty.valuesOfType(ow.number),
-  color: ow.object.nonEmpty.valuesOfType(ow.string)
-});
-export {
-  validateConfig,
-  validateTokens
-};
-//# sourceMappingURL=validateConfig.js.map

package/dist/helpers/validateConfig.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/validateConfig.ts"],
-  "sourcesContent": ["import ow from 'ow'\n\nexport const validateConfig = (tokens: any) => {\n  try {\n    ow(tokens, validConfig)\n  } catch (err: any) {\n    console.error(err.message)\n    console.log('Given config:\\n', JSON.stringify(tokens, null, 2))\n  }\n}\n\nconst validConfig = ow.object.exactShape({\n  defaultTheme: ow.optional.string,\n  disableRootThemeClass: ow.optional.string,\n  shorthands: ow.optional.object.valuesOfType(ow.string),\n  themes: ow.object.valuesOfType(ow.object),\n  tokens: ow.object.valuesOfType(ow.object),\n  media: ow.object.valuesOfType(ow.object),\n})\n\nexport const validateTokens = (tokens: any) => {\n  try {\n    ow(tokens, validTokens)\n  } catch (err: any) {\n    console.error(err.message)\n    console.log('Given tokens:\\n', JSON.stringify(tokens, null, 2))\n  }\n}\n\nconst validTokens = ow.object.exactShape({\n  font: ow.object.valuesOfType(\n    ow.object.exactShape({\n      family: ow.string,\n      size: ow.object.nonEmpty.valuesOfType(ow.number),\n      lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),\n      weight: ow.object.nonEmpty.valuesOfType(ow.string),\n      letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number),\n    })\n  ),\n  size: ow.object.nonEmpty.valuesOfType(ow.number),\n  space: ow.object.nonEmpty.valuesOfType(ow.number),\n  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),\n  radius: ow.object.nonEmpty.valuesOfType(ow.number),\n  color: ow.object.nonEmpty.valuesOfType(ow.string),\n})\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,iBAAiB,wBAAC,WAAgB;AAC7C,MAAI;AACF,OAAG,QAAQ;AAAA,WACJ,KAAP;AACA,YAAQ,MAAM,IAAI;AAClB,YAAQ,IAAI,mBAAmB,KAAK,UAAU,QAAQ,MAAM;AAAA;AAAA,GALlC;AAS9B,MAAM,cAAc,GAAG,OAAO,WAAW;AAAA,EACvC,cAAc,GAAG,SAAS;AAAA,EAC1B,uBAAuB,GAAG,SAAS;AAAA,EACnC,YAAY,GAAG,SAAS,OAAO,aAAa,GAAG;AAAA,EAC/C,QAAQ,GAAG,OAAO,aAAa,GAAG;AAAA,EAClC,QAAQ,GAAG,OAAO,aAAa,GAAG;AAAA,EAClC,OAAO,GAAG,OAAO,aAAa,GAAG;AAAA;AAG5B,MAAM,iBAAiB,wBAAC,WAAgB;AAC7C,MAAI;AACF,OAAG,QAAQ;AAAA,WACJ,KAAP;AACA,YAAQ,MAAM,IAAI;AAClB,YAAQ,IAAI,mBAAmB,KAAK,UAAU,QAAQ,MAAM;AAAA;AAAA,GALlC;AAS9B,MAAM,cAAc,GAAG,OAAO,WAAW;AAAA,EACvC,MAAM,GAAG,OAAO,aACd,GAAG,OAAO,WAAW;AAAA,IACnB,QAAQ,GAAG;AAAA,IACX,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IACzC,YAAY,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IAC/C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IAC3C,eAAe,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;AAAA,EAGtD,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EACzC,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC1C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;",
-  "names": []
-}

package/dist/helpers/validateTokens.js

@@ -1,29 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import ow from "ow";
-const validateTokens = /* @__PURE__ */ __name((tokens) => {
-  try {
-    ow(tokens, validTokens);
-  } catch (err) {
-    console.error(err.message);
-    console.log("Got tokens:\n", JSON.stringify(tokens, null, 2));
-  }
-}, "validateTokens");
-const validTokens = ow.object.exactShape({
-  font: ow.object.valuesOfType(ow.object.exactShape({
-    family: ow.string,
-    size: ow.object.nonEmpty.valuesOfType(ow.number),
-    lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),
-    weight: ow.object.nonEmpty.valuesOfType(ow.string),
-    letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number)
-  })),
-  size: ow.object.nonEmpty.valuesOfType(ow.number),
-  space: ow.object.nonEmpty.valuesOfType(ow.number),
-  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),
-  radius: ow.object.nonEmpty.valuesOfType(ow.number),
-  color: ow.object.nonEmpty.valuesOfType(ow.string)
-});
-export {
-  validateTokens
-};
-//# sourceMappingURL=validateTokens.js.map

package/dist/helpers/validateTokens.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/helpers/validateTokens.ts"],
-  "sourcesContent": ["import ow from 'ow'\n\nexport const validateTokens = (tokens: any) => {\n  try {\n    ow(tokens, validTokens)\n  } catch (err: any) {\n    console.error(err.message)\n    console.log('Got tokens:\\n', JSON.stringify(tokens, null, 2))\n  }\n}\n\nconst validTokens = ow.object.exactShape({\n  font: ow.object.valuesOfType(\n    ow.object.exactShape({\n      family: ow.string,\n      size: ow.object.nonEmpty.valuesOfType(ow.number),\n      lineHeight: ow.object.nonEmpty.valuesOfType(ow.number),\n      weight: ow.object.nonEmpty.valuesOfType(ow.string),\n      letterSpacing: ow.object.nonEmpty.valuesOfType(ow.number),\n    })\n  ),\n  size: ow.object.nonEmpty.valuesOfType(ow.number),\n  space: ow.object.nonEmpty.valuesOfType(ow.number),\n  zIndex: ow.object.nonEmpty.valuesOfType(ow.number),\n  radius: ow.object.nonEmpty.valuesOfType(ow.number),\n  color: ow.object.nonEmpty.valuesOfType(ow.string),\n})\n"],
-  "mappings": ";;AAAA;AAEO,MAAM,iBAAiB,wBAAC,WAAgB;AAC7C,MAAI;AACF,OAAG,QAAQ;AAAA,WACJ,KAAP;AACA,YAAQ,MAAM,IAAI;AAClB,YAAQ,IAAI,iBAAiB,KAAK,UAAU,QAAQ,MAAM;AAAA;AAAA,GALhC;AAS9B,MAAM,cAAc,GAAG,OAAO,WAAW;AAAA,EACvC,MAAM,GAAG,OAAO,aACd,GAAG,OAAO,WAAW;AAAA,IACnB,QAAQ,GAAG;AAAA,IACX,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IACzC,YAAY,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IAC/C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,IAC3C,eAAe,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;AAAA,EAGtD,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EACzC,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC1C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA,EAC3C,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG;AAAA;",
-  "names": []
-}

package/dist/hooks/useFeatures.js

@@ -1,75 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import React from "react";
-import { isWeb, useIsomorphicLayoutEffect } from "../constants/platform";
-import { addMediaQueryListener, removeMediaQueryListener } from "./useMedia";
-const createDefinition = /* @__PURE__ */ __name(({ Component, propNames }) => ({
-  isEnabled: (props) => propNames.some((name) => !!props[name]),
-  Component
-}), "createDefinition");
-const mediaQueryPropNames = [
-  "$xs",
-  "$sm",
-  "$md",
-  "$lg",
-  "$xl",
-  "$xxl",
-  "$pointerCoarse",
-  "$hoverNone",
-  "$tall",
-  "$short",
-  "$gtSm",
-  "$notXs",
-  "$gtMd",
-  "$gtLg"
-];
-const featureDefinitions = {
-  measureLayout: createDefinition({
-    Component: (props) => {
-      console.log("measure", props);
-      return null;
-    },
-    propNames: ["onLayout"]
-  }),
-  mediaQuery: createDefinition({
-    Component: (props) => {
-      if (isWeb) {
-        return;
-      }
-      const keys = mediaQueryPropNames.flatMap((x) => x in props ? x.slice(1) : []);
-      useIsomorphicLayoutEffect(() => {
-        for (const key of keys) {
-          addMediaQueryListener(key, props._utils.forceUpdate);
-        }
-        return () => {
-          for (const key of keys) {
-            removeMediaQueryListener(key, props._utils.forceUpdate);
-          }
-        };
-      }, [keys.join(",")]);
-      return null;
-    },
-    propNames: mediaQueryPropNames
-  })
-};
-const featureNames = Object.keys(featureDefinitions);
-const numFeatures = featureNames.length;
-const useFeatures = /* @__PURE__ */ __name((props, utils) => {
-  const features = [];
-  for (let i = 0; i < numFeatures; i++) {
-    const name = featureNames[i];
-    const { isEnabled, Component } = featureDefinitions[name];
-    if (isEnabled(props) && Component) {
-      features.push(/* @__PURE__ */ React.createElement(Component, {
-        key: name,
-        ...props,
-        _utils: utils
-      }));
-    }
-  }
-  return features;
-}, "useFeatures");
-export {
-  useFeatures
-};
-//# sourceMappingURL=useFeatures.js.map

package/dist/hooks/useFeatures.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/useFeatures.tsx"],
-  "sourcesContent": ["import React from 'react'\n\nimport { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { addMediaQueryListener, removeMediaQueryListener } from './useMedia'\n\n// only needed on native\n// dynamic loading of features to avoid heavy views\n\nconst createDefinition = ({ Component, propNames }: { Component; propNames: string[] }) => ({\n  isEnabled: (props: any) => propNames.some((name) => !!props[name]),\n  Component,\n})\n\nconst mediaQueryPropNames = [\n  '$xs',\n  '$sm',\n  '$md',\n  '$lg',\n  '$xl',\n  '$xxl',\n  '$pointerCoarse',\n  '$hoverNone',\n  '$tall',\n  '$short',\n  '$gtSm',\n  '$notXs',\n  '$gtMd',\n  '$gtLg',\n]\n\nconst featureDefinitions = {\n  measureLayout: createDefinition({\n    Component: (props) => {\n      console.log('measure', props)\n      return null\n    },\n    propNames: ['onLayout'],\n  }),\n\n  // will update the parent whenever media query changes\n  mediaQuery: createDefinition({\n    Component: (props) => {\n      if (isWeb) {\n        // no need for media queries are inserted and run in css\n        return\n      }\n\n      const keys = mediaQueryPropNames.flatMap((x) => (x in props ? x.slice(1) : []))\n      useIsomorphicLayoutEffect(() => {\n        for (const key of keys) {\n          addMediaQueryListener(key, props._utils.forceUpdate)\n        }\n        return () => {\n          for (const key of keys) {\n            removeMediaQueryListener(key, props._utils.forceUpdate)\n          }\n        }\n      }, [keys.join(',')])\n      return null\n    },\n    propNames: mediaQueryPropNames,\n  }),\n}\n\nconst featureNames = Object.keys(featureDefinitions)\nconst numFeatures = featureNames.length\n\nexport const useFeatures = (props: any, utils?: { forceUpdate?: Function }) => {\n  const features: JSX.Element[] = []\n  for (let i = 0; i < numFeatures; i++) {\n    const name = featureNames[i]\n    const { isEnabled, Component } = featureDefinitions[name] as any //FeatureDefinition\n    if (isEnabled(props) && Component) {\n      features.push(<Component key={name} {...props} _utils={utils} />)\n    }\n  }\n  return features\n}\n"],
-  "mappings": ";;AAAA;AAEA;AACA;AAKA,MAAM,mBAAmB,wBAAC,EAAE,WAAW,gBAAqD;AAAA,EAC1F,WAAW,CAAC,UAAe,UAAU,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM;AAAA,EAC5D;AAAA,IAFuB;AAKzB,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGF,MAAM,qBAAqB;AAAA,EACzB,eAAe,iBAAiB;AAAA,IAC9B,WAAW,CAAC,UAAU;AACpB,cAAQ,IAAI,WAAW;AACvB,aAAO;AAAA;AAAA,IAET,WAAW,CAAC;AAAA;AAAA,EAId,YAAY,iBAAiB;AAAA,IAC3B,WAAW,CAAC,UAAU;AACpB,UAAI,OAAO;AAET;AAAA;AAGF,YAAM,OAAO,oBAAoB,QAAQ,CAAC,MAAO,KAAK,QAAQ,EAAE,MAAM,KAAK;AAC3E,gCAA0B,MAAM;AAC9B,mBAAW,OAAO,MAAM;AACtB,gCAAsB,KAAK,MAAM,OAAO;AAAA;AAE1C,eAAO,MAAM;AACX,qBAAW,OAAO,MAAM;AACtB,qCAAyB,KAAK,MAAM,OAAO;AAAA;AAAA;AAAA,SAG9C,CAAC,KAAK,KAAK;AACd,aAAO;AAAA;AAAA,IAET,WAAW;AAAA;AAAA;AAIf,MAAM,eAAe,OAAO,KAAK;AACjC,MAAM,cAAc,aAAa;AAE1B,MAAM,cAAc,wBAAC,OAAY,UAAuC;AAC7E,QAAM,WAA0B;AAChC,WAAS,IAAI,GAAG,IAAI,aAAa,KAAK;AACpC,UAAM,OAAO,aAAa;AAC1B,UAAM,EAAE,WAAW,cAAc,mBAAmB;AACpD,QAAI,UAAU,UAAU,WAAW;AACjC,eAAS,KAAK,oCAAC,WAAD;AAAA,QAAW,KAAK;AAAA,WAAU;AAAA,QAAO,QAAQ;AAAA;AAAA;AAAA;AAG3D,SAAO;AAAA,GATkB;",
-  "names": []
-}