@tamagui/core 1.0.0-alpha.9 → 1.0.0-beta.152

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/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,63 +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, mediaState, removeMediaQueryListener } from "./useMedia";
-const createDefinition = /* @__PURE__ */ __name(({
-  Component,
-  propNames
-}) => ({
-  isEnabled: (props) => propNames.some((name) => !!props[name]),
-  Component
-}), "createDefinition");
-let featureDefinitions = null;
-const useFeatures = /* @__PURE__ */ __name((props, utils) => {
-  if (!featureDefinitions) {
-    featureDefinitions = loadFeatures();
-  }
-  const features = [];
-  for (const name in featureDefinitions) {
-    const { isEnabled, Component } = featureDefinitions[name];
-    if (isEnabled(props) && Component) {
-      features.push(/* @__PURE__ */ React.createElement(Component, {
-        key: name,
-        ...props,
-        _utils: utils
-      }));
-    }
-  }
-  return features;
-}, "useFeatures");
-function loadFeatures() {
-  return {
-    ...!isWeb && {
-      mediaQuery: loadMediaQueryFeature()
-    }
-  };
-}
-__name(loadFeatures, "loadFeatures");
-function loadMediaQueryFeature() {
-  const mediaPropNames = Object.keys(mediaState);
-  return createDefinition({
-    Component: (props) => {
-      const keys = mediaPropNames.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: mediaPropNames
-  });
-}
-__name(loadMediaQueryFeature, "loadMediaQueryFeature");
-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, mediaState, removeMediaQueryListener } from './useMedia'\n\ntype FeatureDefinition = {\n  isEnabled: (props: any) => boolean\n  Component: any\n}\n\nconst createDefinition = ({\n  Component,\n  propNames,\n}: {\n  Component: any\n  propNames: string[]\n}): FeatureDefinition => ({\n  isEnabled: (props: any) => propNames.some((name) => !!props[name]),\n  Component,\n})\n\nlet featureDefinitions: Record<string, FeatureDefinition> | null = null\n\nexport const useFeatures = (props: any, utils?: { forceUpdate?: Function }) => {\n  if (!featureDefinitions) {\n    featureDefinitions = loadFeatures()\n  }\n  const features: JSX.Element[] = []\n  for (const name in featureDefinitions) {\n    const { isEnabled, Component } = featureDefinitions[name]\n    if (isEnabled(props) && Component) {\n      features.push(<Component key={name} {...props} _utils={utils} />)\n    }\n  }\n  return features\n}\n\nfunction loadFeatures(): Record<string, FeatureDefinition> {\n  return {\n    // TODO\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    // no need on web, media queries are inserted and run in css\n    ...(!isWeb && {\n      mediaQuery: loadMediaQueryFeature(),\n    }),\n  }\n}\n\nfunction loadMediaQueryFeature() {\n  const mediaPropNames = Object.keys(mediaState)\n\n  return createDefinition({\n    Component: (props: any) => {\n      const keys = mediaPropNames.flatMap((x) => (x in props ? x.slice(1) : []))\n\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\n      return null\n    },\n    propNames: mediaPropNames,\n  })\n}\n"],
-  "mappings": ";;AAAA;AAEA;AACA;AAOA,MAAM,mBAAmB,wBAAC;AAAA,EACxB;AAAA,EACA;AAAA,MAIwB;AAAA,EACxB,WAAW,CAAC,UAAe,UAAU,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM;AAAA,EAC5D;AAAA,IARuB;AAWzB,IAAI,qBAA+D;AAE5D,MAAM,cAAc,wBAAC,OAAY,UAAuC;AAC7E,MAAI,CAAC,oBAAoB;AACvB,yBAAqB;AAAA;AAEvB,QAAM,WAA0B;AAChC,aAAW,QAAQ,oBAAoB;AACrC,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,GAXkB;AAc3B,wBAA2D;AACzD,SAAO;AAAA,OAYD,CAAC,SAAS;AAAA,MACZ,YAAY;AAAA;AAAA;AAAA;AAdT;AAmBT,iCAAiC;AAC/B,QAAM,iBAAiB,OAAO,KAAK;AAEnC,SAAO,iBAAiB;AAAA,IACtB,WAAW,CAAC,UAAe;AACzB,YAAM,OAAO,eAAe,QAAQ,CAAC,MAAO,KAAK,QAAQ,EAAE,MAAM,KAAK;AAEtE,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;AAEd,aAAO;AAAA;AAAA,IAET,WAAW;AAAA;AAAA;AApBN;",
-  "names": []
-}

package/dist/hooks/useForceUpdate.js

@@ -1,28 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useEffect, useRef, useState } from "react";
-function useForceUpdate() {
-  const setState = useState(0)[1];
-  const internal = useRef();
-  if (!internal.current) {
-    internal.current = {
-      isMounted: true,
-      update: () => {
-        if (internal.current.isMounted) {
-          setState(Math.random());
-        }
-      }
-    };
-  }
-  useEffect(() => {
-    return () => {
-      internal.current.isMounted = false;
-    };
-  }, []);
-  return internal.current.update;
-}
-__name(useForceUpdate, "useForceUpdate");
-export {
-  useForceUpdate
-};
-//# sourceMappingURL=useForceUpdate.js.map

package/dist/hooks/useForceUpdate.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/useForceUpdate.tsx"],
-  "sourcesContent": ["import { useEffect, useRef, useState } from 'react'\n\n// ensures no updates after unmount\n\nexport function useForceUpdate() {\n  const setState = useState(0)[1]\n  const internal = useRef<{ update: Function; isMounted: boolean }>()\n  if (!internal.current) {\n    internal.current = {\n      isMounted: true,\n      update: () => {\n        if (internal.current!.isMounted) {\n          setState(Math.random())\n        }\n      },\n    }\n  }\n\n  useEffect(() => {\n    return () => {\n      internal.current!.isMounted = false\n    }\n  }, [])\n\n  return internal.current.update\n}\n"],
-  "mappings": ";;AAAA;AAIO,0BAA0B;AAC/B,QAAM,WAAW,SAAS,GAAG;AAC7B,QAAM,WAAW;AACjB,MAAI,CAAC,SAAS,SAAS;AACrB,aAAS,UAAU;AAAA,MACjB,WAAW;AAAA,MACX,QAAQ,MAAM;AACZ,YAAI,SAAS,QAAS,WAAW;AAC/B,mBAAS,KAAK;AAAA;AAAA;AAAA;AAAA;AAMtB,YAAU,MAAM;AACd,WAAO,MAAM;AACX,eAAS,QAAS,YAAY;AAAA;AAAA,KAE/B;AAEH,SAAO,SAAS,QAAQ;AAAA;AApBV;",
-  "names": []
-}

package/dist/hooks/useMedia.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/useMedia.tsx"],
-  "sourcesContent": ["import { useForceUpdate } from '@tamagui/use-force-update'\nimport { useRef } from 'react'\n\nimport { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { matchMedia } from '../helpers/matchMedia'\nimport {\n  ConfigureMediaQueryOptions,\n  MediaQueries,\n  MediaQueryObject,\n  MediaQueryState,\n} from '../types'\nimport { useConstant } from './useConstant'\n\nexport const mediaState: { [key in keyof MediaQueryState]: boolean } = {} as any\nconst mediaQueryListeners: { [key: string]: Set<Function> } = {}\n\nexport const addMediaQueryListener = (key: string, cb: any) => {\n  mediaQueryListeners[key] = mediaQueryListeners[key] || new Set()\n  mediaQueryListeners[key].add(cb)\n}\n\nexport const removeMediaQueryListener = (key: string, cb: any) => {\n  mediaQueryListeners[key].delete(cb)\n}\n\nlet conf: MediaQueries | null = null\n\nexport const mediaQueryConfig = new Proxy<MediaQueries>({} as any, {\n  get(target, key) {\n    if (!conf) {\n      throw new Error(`Be sure to run configureMedia before accessing mediaQueryConfig`)\n    }\n    return Reflect.get(conf, key)\n  },\n  ownKeys() {\n    if (!conf) {\n      throw new Error(`Be sure to run configureMedia before accessing mediaQueryConfig`)\n    }\n    return Object.keys(conf)\n  },\n  getOwnPropertyDescriptor() {\n    return {\n      enumerable: true,\n      configurable: true,\n    }\n  },\n})\n\nexport const getMedia = () => {\n  if (!conf) {\n    throw new Error(`not configured yet`)\n  }\n  return mediaState\n}\n\nexport const configureMedia = ({\n  queries,\n  defaultActive = ['sm', 'xs'],\n}: ConfigureMediaQueryOptions = {}) => {\n  if (conf) {\n    console.warn(\n      `Already configured mediaQueries once (you may have called getMedia() before configureMedia())`\n    )\n  }\n\n  if (queries) {\n    conf = queries\n  }\n\n  // setup\n  for (const key in queries) {\n    const str = mediaObjectToString(queries[key])\n    try {\n      const getMatch = () => matchMedia(str)\n      const match = getMatch()\n      if (!match || typeof match.addListener !== 'function') {\n        // caught below\n        throw new Error('\u26A0\uFE0F No match (seeing this in RN sometimes)')\n      }\n      mediaState[key] = !!match.matches\n      match.addListener(() => {\n        const next = !!getMatch().matches\n        if (next === mediaState[key]) return\n        mediaState[key] = next\n        const listeners = mediaQueryListeners[key]\n        if (listeners?.size) {\n          for (const cb of [...listeners]) {\n            cb()\n          }\n        }\n      })\n    } catch (err: any) {\n      console.error('Error running media query', str, err.message, err.stack)\n      const isDefaultActive = defaultActive?.includes(key as any) ?? true\n      mediaState[key] = isDefaultActive\n    }\n  }\n}\n\ntype UseMediaState = {\n  selections: { [key: string]: boolean }\n  nextSelections: { [key: string]: boolean }\n  isRendering: boolean\n  isUnmounted: boolean\n}\n\nexport const useMedia = () => {\n  const forceUpdate = useForceUpdate()\n  const state = useRef() as React.MutableRefObject<UseMediaState>\n  if (!state.current) {\n    state.current = {\n      selections: {},\n      nextSelections: {},\n      isUnmounted: false,\n      isRendering: true,\n    }\n  }\n  state.current.isRendering = true\n\n  // track usage\n  useIsomorphicLayoutEffect(() => {\n    const st = state.current\n    st.isRendering = false\n    // delete old\n    for (const key in st.selections) {\n      if (!(key in st.nextSelections)) {\n        removeMediaQueryListener(key, forceUpdate)\n      }\n    }\n    // add new\n    for (const key in st.nextSelections) {\n      if (!(key in st.selections)) {\n        addMediaQueryListener(key, forceUpdate)\n      }\n    }\n  })\n\n  // unmount\n  useIsomorphicLayoutEffect(() => {\n    return () => {\n      const st = state.current\n      st.isUnmounted = true\n      const allKeys = {\n        ...st.selections,\n        ...st.nextSelections,\n      }\n      for (const key in allKeys) {\n        removeMediaQueryListener(key, forceUpdate)\n      }\n    }\n  }, [])\n\n  return useConstant(() => {\n    const st = state.current\n    return new Proxy(mediaState, {\n      get(target, key: string) {\n        if (!(key in mediaState)) {\n          return Reflect.get(target, key)\n        }\n        if (!st.isUnmounted) {\n          if (st.isRendering) {\n            st.nextSelections[key] = true\n          }\n        }\n        if (key in mediaState) {\n          return mediaState[key]\n        }\n        return Reflect.get(mediaState, key)\n      },\n    })\n  })\n}\n\nfunction camelToHyphen(str: string) {\n  return str.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`).toLowerCase()\n}\n\nexport function mediaObjectToString(query: string | MediaQueryObject) {\n  if (typeof query === 'string') {\n    return query\n  }\n  return Object.entries(query)\n    .map(([feature, value]) => {\n      feature = camelToHyphen(feature)\n      if (typeof value === 'string') {\n        return `(${feature}: ${value})`\n      }\n      if (typeof value === 'number' && /[height|width]$/.test(feature)) {\n        value = `${value}px`\n      }\n      return `(${feature}: ${value})`\n    })\n    .join(' and ')\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/hooks/useTheme.js

@@ -1,89 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useForceUpdate } from "@tamagui/use-force-update";
-import { useContext, useEffect, useMemo, useRef, useState } from "react";
-import { useIsomorphicLayoutEffect } from "../constants/platform";
-import { Variable } from "../createVariable";
-import { ThemeContext } from "../views/ThemeContext";
-import { ThemeManagerContext } from "../views/ThemeManagerContext";
-import { GET_DEFAULT_THEME } from "../views/ThemeProvider";
-const areEqualSets = /* @__PURE__ */ __name((a, b) => {
-  if (a.size !== b.size)
-    return false;
-  for (const val in a) {
-    if (!b.has(val)) {
-      return false;
-    }
-  }
-  return true;
-}, "areEqualSets");
-const useThemeName = /* @__PURE__ */ __name((opts) => {
-  const parent = useContext(ThemeManagerContext);
-  const [name, setName] = useState(parent.name);
-  useIsomorphicLayoutEffect(() => {
-    return parent.onChangeTheme((next, manager) => {
-      setName(opts?.parent ? manager.parentName : next);
-    });
-  }, [parent]);
-  return name || "light";
-}, "useThemeName");
-const useDefaultThemeName = /* @__PURE__ */ __name(() => {
-  return useContext(ThemeContext)[GET_DEFAULT_THEME];
-}, "useDefaultThemeName");
-const useTheme = /* @__PURE__ */ __name(() => {
-  const forceUpdate = useForceUpdate();
-  const manager = useContext(ThemeManagerContext);
-  const themes = useContext(ThemeContext);
-  const state = useRef();
-  if (!state.current) {
-    state.current = {
-      uuid: {},
-      keys: new Set(),
-      isRendering: true
-    };
-  }
-  state.current.isRendering = true;
-  useIsomorphicLayoutEffect(() => {
-    const st = state.current;
-    st.isRendering = false;
-    const cur = manager.keys.get(st.uuid);
-    if (!cur || !areEqualSets(st.keys, cur)) {
-      manager.track(st.uuid, st.keys);
-    }
-  });
-  useEffect(() => {
-    return manager.onUpdate(state.current.uuid, forceUpdate);
-  }, []);
-  const theme = (manager.name ? themes[manager.name] : themes.light) ?? themes.light;
-  return useMemo(() => {
-    return new Proxy(theme, {
-      get(_, key) {
-        const name = manager.name;
-        if (!name) {
-          return Reflect.get(_, key);
-        }
-        let activeTheme = themes[name];
-        if (!activeTheme) {
-          console.error("No theme by name", name, "only:", themes, "keeping current theme");
-          activeTheme = theme;
-        }
-        const val = activeTheme[key];
-        if (process.env.NODE_ENV === "development") {
-          if (typeof val === "undefined") {
-            throw new Error(`No theme value "${String(key)}" in: ${Object.keys(activeTheme)}`);
-          }
-        }
-        if (state.current.isRendering) {
-          state.current.keys.add(key);
-        }
-        return new Variable({ val: val.val, name: key });
-      }
-    });
-  }, []);
-}, "useTheme");
-export {
-  useDefaultThemeName,
-  useTheme,
-  useThemeName
-};
-//# sourceMappingURL=useTheme.js.map

package/dist/hooks/useTheme.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/useTheme.tsx"],
-  "sourcesContent": ["import { useForceUpdate } from '@tamagui/use-force-update'\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react'\n\nimport { useIsomorphicLayoutEffect } from '../constants/platform'\nimport { Variable } from '../createVariable'\nimport { ThemeName } from '../types'\nimport { ThemeContext } from '../views/ThemeContext'\nimport { ThemeManagerContext } from '../views/ThemeManagerContext'\nimport { GET_DEFAULT_THEME } from '../views/ThemeProvider'\n\ntype UseThemeState = {\n  uuid: Object\n  keys: Set<string>\n  isRendering: boolean\n}\n\nconst areEqualSets = (a: Set<string>, b: Set<string>) => {\n  if (a.size !== b.size) return false\n  for (const val in a) {\n    if (!b.has(val)) {\n      return false\n    }\n  }\n  return true\n}\n\nexport const useThemeName = (opts?: { parent?: true }) => {\n  const parent = useContext(ThemeManagerContext)\n  const [name, setName] = useState(parent.name)\n\n  useIsomorphicLayoutEffect(() => {\n    return parent.onChangeTheme((next, manager) => {\n      setName(opts?.parent ? manager.parentName : next)\n    })\n  }, [parent])\n\n  return name || 'light'\n}\n\nexport const useDefaultThemeName = () => {\n  return useContext(ThemeContext)[GET_DEFAULT_THEME] as any as ThemeName\n}\n\nexport const useTheme = () => {\n  const forceUpdate = useForceUpdate()\n  const manager = useContext(ThemeManagerContext)\n  const themes = useContext(ThemeContext)\n  const state = useRef() as React.MutableRefObject<UseThemeState>\n  if (!state.current) {\n    state.current = {\n      uuid: {},\n      keys: new Set(),\n      isRendering: true,\n    }\n  }\n  state.current.isRendering = true\n\n  // track usage\n  useIsomorphicLayoutEffect(() => {\n    const st = state.current\n    st.isRendering = false\n    const cur = manager.keys.get(st.uuid)\n    if (!cur || !areEqualSets(st.keys, cur)) {\n      manager.track(st.uuid, st.keys)\n    }\n  })\n\n  useEffect(() => {\n    return manager.onUpdate(state.current.uuid, forceUpdate)\n  }, [])\n\n  const theme = (manager.name ? themes[manager.name] : themes.light) ?? themes.light\n\n  return useMemo(\n    () => {\n      return new Proxy(theme, {\n        get(_, key: string) {\n          const name = manager.name\n          if (!name) {\n            return Reflect.get(_, key)\n          }\n          let activeTheme = themes[name]\n          if (!activeTheme) {\n            console.error('No theme by name', name, 'only:', themes, 'keeping current theme')\n            activeTheme = theme\n          }\n          const val = activeTheme[key]\n          if (process.env.NODE_ENV === 'development') {\n            if (typeof val === 'undefined') {\n              throw new Error(`No theme value \"${String(key)}\" in: ${Object.keys(activeTheme)}`)\n            }\n          }\n          if (state.current.isRendering) {\n            state.current.keys.add(key)\n          }\n          // TODO costly, can make faster (we need name mapping to og name, but val pointing to new val)\n          // console.log('returning new variable', val, key)\n          return new Variable({ val: val.val, name: key })\n        },\n      })\n    },\n    [\n      /* if concurrent mode wanted put manager.name here */\n    ]\n  )\n}\n"],
-  "mappings": ";;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAQA,MAAM,eAAe,wBAAC,GAAgB,MAAmB;AACvD,MAAI,EAAE,SAAS,EAAE;AAAM,WAAO;AAC9B,aAAW,OAAO,GAAG;AACnB,QAAI,CAAC,EAAE,IAAI,MAAM;AACf,aAAO;AAAA;AAAA;AAGX,SAAO;AAAA,GAPY;AAUd,MAAM,eAAe,wBAAC,SAA6B;AACxD,QAAM,SAAS,WAAW;AAC1B,QAAM,CAAC,MAAM,WAAW,SAAS,OAAO;AAExC,4BAA0B,MAAM;AAC9B,WAAO,OAAO,cAAc,CAAC,MAAM,YAAY;AAC7C,cAAQ,MAAM,SAAS,QAAQ,aAAa;AAAA;AAAA,KAE7C,CAAC;AAEJ,SAAO,QAAQ;AAAA,GAVW;AAarB,MAAM,sBAAsB,6BAAM;AACvC,SAAO,WAAW,cAAc;AAAA,GADC;AAI5B,MAAM,WAAW,6BAAM;AAC5B,QAAM,cAAc;AACpB,QAAM,UAAU,WAAW;AAC3B,QAAM,SAAS,WAAW;AAC1B,QAAM,QAAQ;AACd,MAAI,CAAC,MAAM,SAAS;AAClB,UAAM,UAAU;AAAA,MACd,MAAM;AAAA,MACN,MAAM,IAAI;AAAA,MACV,aAAa;AAAA;AAAA;AAGjB,QAAM,QAAQ,cAAc;AAG5B,4BAA0B,MAAM;AAC9B,UAAM,KAAK,MAAM;AACjB,OAAG,cAAc;AACjB,UAAM,MAAM,QAAQ,KAAK,IAAI,GAAG;AAChC,QAAI,CAAC,OAAO,CAAC,aAAa,GAAG,MAAM,MAAM;AACvC,cAAQ,MAAM,GAAG,MAAM,GAAG;AAAA;AAAA;AAI9B,YAAU,MAAM;AACd,WAAO,QAAQ,SAAS,MAAM,QAAQ,MAAM;AAAA,KAC3C;AAEH,QAAM,QAAS,SAAQ,OAAO,OAAO,QAAQ,QAAQ,OAAO,UAAU,OAAO;AAE7E,SAAO,QACL,MAAM;AACJ,WAAO,IAAI,MAAM,OAAO;AAAA,MACtB,IAAI,GAAG,KAAa;AAClB,cAAM,OAAO,QAAQ;AACrB,YAAI,CAAC,MAAM;AACT,iBAAO,QAAQ,IAAI,GAAG;AAAA;AAExB,YAAI,cAAc,OAAO;AACzB,YAAI,CAAC,aAAa;AAChB,kBAAQ,MAAM,oBAAoB,MAAM,SAAS,QAAQ;AACzD,wBAAc;AAAA;AAEhB,cAAM,MAAM,YAAY;AACxB,YAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAI,OAAO,QAAQ,aAAa;AAC9B,kBAAM,IAAI,MAAM,mBAAmB,OAAO,aAAa,OAAO,KAAK;AAAA;AAAA;AAGvE,YAAI,MAAM,QAAQ,aAAa;AAC7B,gBAAM,QAAQ,KAAK,IAAI;AAAA;AAIzB,eAAO,IAAI,SAAS,EAAE,KAAK,IAAI,KAAK,MAAM;AAAA;AAAA;AAAA,KAIhD;AAAA,GA1DoB;",
-  "names": []
-}