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

package/dist/cjs/helpers/themeable.js

@@ -21,7 +21,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __objRest = (source, exclude) => {
   var target = {};
@@ -36,43 +35,44 @@ var __objRest = (source, exclude) => {
   return target;
 };
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+  return to;
 };
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var themeable_exports = {};
+__export(themeable_exports, {
   themeable: () => themeable
 });
-var import_react = __toModule(require("react"));
-var import_Theme = __toModule(require("../views/Theme"));
-var import_ThemeInverse = __toModule(require("../views/ThemeInverse"));
-const themeable = /* @__PURE__ */ __name(function graphql(component) {
+module.exports = __toCommonJS(themeable_exports);
+var import_react = __toESM(require("react"));
+var import_Theme = require("../views/Theme");
+var import_ThemeInverse = require("../views/ThemeInverse");
+function themeable(component) {
   const withThemeComponent = (0, import_react.forwardRef)(/* @__PURE__ */ __name(function WithTheme(_a, ref) {
-    var _b = _a, { themeInverse } = _b, rest = __objRest(_b, ["themeInverse"]);
-    const el = import_react.default.createElement(component, __spreadProps(__spreadValues({}, rest), { ref }));
+    var _b = _a, { themeInverse, theme } = _b, rest = __objRest(_b, ["themeInverse", "theme"]);
+    const element = import_react.default.createElement(component, __spreadProps(__spreadValues({}, rest), { ref }));
     if (themeInverse) {
-      return /* @__PURE__ */ import_react.default.createElement(import_ThemeInverse.ThemeInverse, null, el);
+      return /* @__PURE__ */ import_react.default.createElement(import_ThemeInverse.ThemeInverse, null, element);
     }
-    if (rest.theme) {
+    if (theme) {
       return /* @__PURE__ */ import_react.default.createElement(import_Theme.Theme, {
-        name: rest.theme || null
-      }, el);
+        name: theme || null
+      }, element);
     }
-    return el;
+    return element;
   }, "WithTheme"));
   const withTheme = withThemeComponent;
   withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`;
   return withTheme;
-}, "graphql");
+}
+__name(themeable, "themeable");
 //# sourceMappingURL=themeable.js.map

package/dist/cjs/helpers/themeable.js.map

@@ -1,7 +1,7 @@
 {
   "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;AAAA;AAAA;AAAA,mBAAgD;AAEhD,mBAAsB;AACtB,0BAA6B;AAOtB,MAAM,YAA0B,wCAGrC,WAA4B;AAC5B,QAAM,qBAAqB,6BAAW,0CAAmB,IAA8B,KAAK;AAAnC,iBAAE,mBAAF,IAAmB,iBAAnB,IAAmB,CAAjB;AACzD,UAAM,KAAK,qBAAM,cAAc,WAAW,iCAAK,OAAL,EAAW;AACrD,QAAI,cAAc;AAChB,aAAQ,mDAAC,kCAAD,MAAe;AAAA;AAEzB,QAAI,KAAK,OAAO;AACd,aAAQ,mDAAC,oBAAD;AAAA,QAAO,MAAM,KAAK,SAAS;AAAA,SAAO;AAAA;AAE5C,WAAO;AAAA,KAR6B;AAWtC,QAAM,YAGF;AAEJ,YAAU,cAAc,UACrB,wCAAmB,gBAAgB,wCAAmB,SAAQ;AAGjE,SAAO;AAAA,GAxB8B;",
+  "sourcesContent": ["import React, { forwardRef } from 'react'\n\nimport { ThemeName } from '../types'\nimport { Theme } from '../views/Theme'\nimport { ThemeInverse } from '../views/ThemeInverse'\n\nexport type ThemeableProps = {\n  theme?: ThemeName | string | null\n  themeInverse?: boolean\n}\n\nexport function themeable<Component extends (props: any) => any>(component: Component) {\n  const withThemeComponent = forwardRef(function WithTheme(\n    { themeInverse, theme, ...rest }: any,\n    ref\n  ) {\n    const element = React.createElement(component, { ...rest, ref } as any)\n    if (themeInverse) {\n      return <ThemeInverse>{element}</ThemeInverse>\n    }\n    if (theme) {\n      return <Theme name={(theme as any) || null}>{element}</Theme>\n    }\n    return element\n  })\n\n  const withTheme: any = withThemeComponent\n  withTheme.displayName = `Themed(${\n    (component as any)?.displayName || (component as any)?.name || 'Anonymous'\n  })`\n\n  return withTheme as Component extends (props: infer P) => infer R\n    ? (\n        props: Omit<P, 'theme' | 'themeInverse'> & {\n          theme?: ThemeName | null\n          themeInverse?: boolean\n        }\n      ) => R\n    : unknown\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAGlC,mBAAsB;AACtB,0BAA6B;AAOtB,mBAA0D,WAAsB;AACrF,QAAM,qBAAqB,6BAAW,0CACpC,IACA,KACA;AAFA,iBAAE,gBAAc,UAAhB,IAA0B,iBAA1B,IAA0B,CAAxB,gBAAc;AAGhB,UAAM,UAAU,qBAAM,cAAc,WAAW,iCAAK,OAAL,EAAW,IAAI,EAAQ;AACtE,QAAI,cAAc;AAChB,aAAO,mDAAC,wCAAc,OAAQ;AAAA,IAChC;AACA,QAAI,OAAO;AACT,aAAO,mDAAC;AAAA,QAAM,MAAO,SAAiB;AAAA,SAAO,OAAQ;AAAA,IACvD;AACA,WAAO;AAAA,EACT,GAZsC,YAYrC;AAED,QAAM,YAAiB;AACvB,YAAU,cAAc,UACrB,wCAAmB,gBAAgB,wCAAmB,SAAQ;AAGjE,SAAO;AAQT;AA5BgB;",
   "names": []
 }

package/dist/cjs/helpers/validate.js

@@ -1,82 +1,81 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var validate_exports = {};
+__export(validate_exports, {
   validateConfig: () => validateConfig,
   validateFont: () => validateFont,
   validateTokens: () => validateTokens
 });
-var import_ow = __toModule(require("@tamagui/ow"));
+module.exports = __toCommonJS(validate_exports);
+const { default: ow } = require("@tamagui/ow/dev-only");
+let Config;
+let Tokens;
+let Font;
 const validateConfig = /* @__PURE__ */ __name((conf) => {
   if (!conf) {
     console.warn("no conf?");
     return;
   }
   try {
-    (0, import_ow.default)(conf, validConfig);
+    ow(conf, Config);
   } catch (err) {
-    console.log("Given config:\n", JSON.stringify(conf, null, 2));
-    throw err;
+    console.warn("Given config:\n", JSON.stringify(conf, null, 2), err);
   }
 }, "validateConfig");
-const validConfig = import_ow.default.object.exactShape({
-  defaultTheme: import_ow.default.optional.string,
-  disableRootThemeClass: import_ow.default.optional.boolean,
-  shorthands: import_ow.default.optional.object.valuesOfType(import_ow.default.string),
-  themes: import_ow.default.object.valuesOfType(import_ow.default.object),
-  tokens: import_ow.default.object.valuesOfType(import_ow.default.object),
-  media: import_ow.default.object.valuesOfType(import_ow.default.object)
-});
-const validFont = import_ow.default.object.exactShape({
-  family: import_ow.default.string,
-  size: import_ow.default.object.nonEmpty.valuesOfType(import_ow.default.number),
-  lineHeight: import_ow.default.object.nonEmpty.valuesOfType(import_ow.default.number),
-  weight: import_ow.default.object.nonEmpty.valuesOfType(import_ow.default.string),
-  letterSpacing: import_ow.default.object.nonEmpty.valuesOfType(import_ow.default.number)
-});
-const validTokens = import_ow.default.object.exactShape({
-  font: import_ow.default.object.valuesOfType(validFont),
-  size: import_ow.default.object.nonEmpty.valuesOfType(import_ow.default.number),
-  space: import_ow.default.object.nonEmpty.valuesOfType(import_ow.default.number),
-  zIndex: import_ow.default.object.nonEmpty.valuesOfType(import_ow.default.number),
-  radius: import_ow.default.object.nonEmpty.valuesOfType(import_ow.default.number),
-  color: import_ow.default.object.nonEmpty.valuesOfType(import_ow.default.string)
-});
 const validateTokens = /* @__PURE__ */ __name((tokens) => {
   try {
-    (0, import_ow.default)(tokens, validTokens);
+    ow(tokens, Tokens);
   } catch (err) {
-    console.log("Given tokens:\n", JSON.stringify(tokens, null, 2));
-    throw err;
+    console.warn("Given tokens:\n", JSON.stringify(tokens, null, 2), err);
   }
 }, "validateTokens");
 const validateFont = /* @__PURE__ */ __name((font) => {
   try {
-    (0, import_ow.default)(font, validFont);
+    ow(font, Font);
   } catch (err) {
-    console.log("Given font:\n", JSON.stringify(font, null, 2));
-    throw err;
+    console.warn("Given font:\n", JSON.stringify(font, null, 2), err);
   }
 }, "validateFont");
+if (process.env.NODE_ENV === "development") {
+  Config = 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),
+    animations: ow.object.valuesOfType(ow.object)
+  });
+  Font = 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)
+  });
+  Tokens = ow.object.exactShape({
+    font: ow.object.valuesOfType(Font),
+    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)
+  });
+}
 //# sourceMappingURL=validate.js.map

package/dist/cjs/helpers/validate.js.map

@@ -1,7 +1,7 @@
 {
   "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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,gBAAe;AAER,MAAM,iBAAiB,wBAAC,SAAc;AAC3C,MAAI,CAAC,MAAM;AACT,YAAQ,KAAK;AACb;AAAA;AAEF,MAAI;AACF,2BAAG,MAAM;AAAA,WACF,KAAP;AACA,YAAQ,IAAI,mBAAmB,KAAK,UAAU,MAAM,MAAM;AAC1D,UAAM;AAAA;AAAA,GAToB;AAa9B,MAAM,cAAc,kBAAG,OAAO,WAAW;AAAA,EACvC,cAAc,kBAAG,SAAS;AAAA,EAC1B,uBAAuB,kBAAG,SAAS;AAAA,EACnC,YAAY,kBAAG,SAAS,OAAO,aAAa,kBAAG;AAAA,EAC/C,QAAQ,kBAAG,OAAO,aAAa,kBAAG;AAAA,EAClC,QAAQ,kBAAG,OAAO,aAAa,kBAAG;AAAA,EAClC,OAAO,kBAAG,OAAO,aAAa,kBAAG;AAAA;AAGnC,MAAM,YAAY,kBAAG,OAAO,WAAW;AAAA,EACrC,QAAQ,kBAAG;AAAA,EACX,MAAM,kBAAG,OAAO,SAAS,aAAa,kBAAG;AAAA,EACzC,YAAY,kBAAG,OAAO,SAAS,aAAa,kBAAG;AAAA,EAC/C,QAAQ,kBAAG,OAAO,SAAS,aAAa,kBAAG;AAAA,EAC3C,eAAe,kBAAG,OAAO,SAAS,aAAa,kBAAG;AAAA;AAGpD,MAAM,cAAc,kBAAG,OAAO,WAAW;AAAA,EACvC,MAAM,kBAAG,OAAO,aAAa;AAAA,EAC7B,MAAM,kBAAG,OAAO,SAAS,aAAa,kBAAG;AAAA,EACzC,OAAO,kBAAG,OAAO,SAAS,aAAa,kBAAG;AAAA,EAC1C,QAAQ,kBAAG,OAAO,SAAS,aAAa,kBAAG;AAAA,EAC3C,QAAQ,kBAAG,OAAO,SAAS,aAAa,kBAAG;AAAA,EAC3C,OAAO,kBAAG,OAAO,SAAS,aAAa,kBAAG;AAAA;AAGrC,MAAM,iBAAiB,wBAAC,WAAgB;AAC7C,MAAI;AACF,2BAAG,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,2BAAG,MAAM;AAAA,WACF,KAAP;AACA,YAAQ,IAAI,iBAAiB,KAAK,UAAU,MAAM,MAAM;AACxD,UAAM;AAAA;AAAA,GALkB;",
+  "sourcesContent": ["// published a patched version that works on native\n// @ts-ignore\nconst { default: ow } = require('@tamagui/ow/dev-only')\n\nlet Config: any\nlet Tokens: any\nlet Font: any\n\nexport const validateConfig = (conf: any) => {\n  if (!conf) {\n    console.warn('no conf?')\n    return\n  }\n  try {\n    ow(conf, Config)\n  } catch (err: any) {\n    console.warn('Given config:\\n', JSON.stringify(conf, null, 2), err)\n  }\n}\n\nexport const validateTokens = (tokens: any) => {\n  try {\n    ow(tokens, Tokens)\n  } catch (err: any) {\n    console.warn('Given tokens:\\n', JSON.stringify(tokens, null, 2), err)\n  }\n}\n\nexport const validateFont = (font: any) => {\n  try {\n    ow(font, Font)\n  } catch (err: any) {\n    console.warn('Given font:\\n', JSON.stringify(font, null, 2), err)\n  }\n}\n\nif (process.env.NODE_ENV === 'development') {\n  Config = 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    animations: ow.object.valuesOfType(ow.object),\n  })\n\n  Font = 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  Tokens = ow.object.exactShape({\n    font: ow.object.valuesOfType(Font),\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}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,EAAE,SAAS,OAAO,QAAQ,sBAAsB;AAEtD,IAAI;AACJ,IAAI;AACJ,IAAI;AAEG,MAAM,iBAAiB,wBAAC,SAAc;AAC3C,MAAI,CAAC,MAAM;AACT,YAAQ,KAAK,UAAU;AACvB;AAAA,EACF;AACA,MAAI;AACF,OAAG,MAAM,MAAM;AAAA,EACjB,SAAS,KAAP;AACA,YAAQ,KAAK,mBAAmB,KAAK,UAAU,MAAM,MAAM,CAAC,GAAG,GAAG;AAAA,EACpE;AACF,GAV8B;AAYvB,MAAM,iBAAiB,wBAAC,WAAgB;AAC7C,MAAI;AACF,OAAG,QAAQ,MAAM;AAAA,EACnB,SAAS,KAAP;AACA,YAAQ,KAAK,mBAAmB,KAAK,UAAU,QAAQ,MAAM,CAAC,GAAG,GAAG;AAAA,EACtE;AACF,GAN8B;AAQvB,MAAM,eAAe,wBAAC,SAAc;AACzC,MAAI;AACF,OAAG,MAAM,IAAI;AAAA,EACf,SAAS,KAAP;AACA,YAAQ,KAAK,iBAAiB,KAAK,UAAU,MAAM,MAAM,CAAC,GAAG,GAAG;AAAA,EAClE;AACF,GAN4B;AAQ5B,IAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,WAAS,GAAG,OAAO,WAAW;AAAA,IAC5B,cAAc,GAAG,SAAS;AAAA,IAC1B,uBAAuB,GAAG,SAAS;AAAA,IACnC,YAAY,GAAG,SAAS,OAAO,aAAa,GAAG,MAAM;AAAA,IACrD,QAAQ,GAAG,OAAO,aAAa,GAAG,MAAM;AAAA,IACxC,QAAQ,GAAG,OAAO,aAAa,GAAG,MAAM;AAAA,IACxC,OAAO,GAAG,OAAO,aAAa,GAAG,MAAM;AAAA,IACvC,YAAY,GAAG,OAAO,aAAa,GAAG,MAAM;AAAA,EAC9C,CAAC;AAED,SAAO,GAAG,OAAO,WAAW;AAAA,IAC1B,QAAQ,GAAG;AAAA,IACX,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG,MAAM;AAAA,IAC/C,YAAY,GAAG,OAAO,SAAS,aAAa,GAAG,MAAM;AAAA,IACrD,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG,MAAM;AAAA,IACjD,eAAe,GAAG,OAAO,SAAS,aAAa,GAAG,MAAM;AAAA,EAC1D,CAAC;AAED,WAAS,GAAG,OAAO,WAAW;AAAA,IAC5B,MAAM,GAAG,OAAO,aAAa,IAAI;AAAA,IACjC,MAAM,GAAG,OAAO,SAAS,aAAa,GAAG,MAAM;AAAA,IAC/C,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG,MAAM;AAAA,IAChD,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG,MAAM;AAAA,IACjD,QAAQ,GAAG,OAAO,SAAS,aAAa,GAAG,MAAM;AAAA,IACjD,OAAO,GAAG,OAAO,SAAS,aAAa,GAAG,MAAM;AAAA,EAClD,CAAC;AACH;",
   "names": []
 }

package/dist/cjs/helpers/withStaticProperties.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var withStaticProperties_exports = {};
+__export(withStaticProperties_exports, {
+  withStaticProperties: () => withStaticProperties
+});
+module.exports = __toCommonJS(withStaticProperties_exports);
+const withStaticProperties = /* @__PURE__ */ __name(function(component, staticProps) {
+  Object.assign(component, staticProps);
+  return component;
+}, "withStaticProperties");
+//# sourceMappingURL=withStaticProperties.js.map

package/dist/cjs/helpers/withStaticProperties.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/withStaticProperties.tsx"],
+  "sourcesContent": ["export const withStaticProperties = function <A extends Function, B>(\n  component: A,\n  staticProps: B\n): A & B {\n  Object.assign(component, staticProps)\n  return component as any\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,uBAAuB,gCAClC,WACA,aACO;AACP,SAAO,OAAO,WAAW,WAAW;AACpC,SAAO;AACT,GANoC;",
+  "names": []
+}

package/dist/cjs/helpers/wrapThemeManagerContext.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var wrapThemeManagerContext_exports = {};
+__export(wrapThemeManagerContext_exports, {
+  wrapThemeManagerContext: () => wrapThemeManagerContext
+});
+module.exports = __toCommonJS(wrapThemeManagerContext_exports);
+var import_react = __toESM(require("react"));
+var import_ThemeManager = require("../ThemeManager");
+function wrapThemeManagerContext(children, themeManager) {
+  return themeManager ? /* @__PURE__ */ import_react.default.createElement(import_ThemeManager.ThemeManagerContext.Provider, {
+    value: themeManager
+  }, children) : children;
+}
+__name(wrapThemeManagerContext, "wrapThemeManagerContext");
+//# sourceMappingURL=wrapThemeManagerContext.js.map

package/dist/cjs/helpers/wrapThemeManagerContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/wrapThemeManagerContext.tsx"],
+  "sourcesContent": ["import React from 'react'\n\nimport { ThemeManager, ThemeManagerContext } from '../ThemeManager'\n\nexport function wrapThemeManagerContext(children: any, themeManager?: ThemeManager | null) {\n  return themeManager ? (\n    <ThemeManagerContext.Provider value={themeManager}>{children}</ThemeManagerContext.Provider>\n  ) : (\n    children\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,0BAAkD;AAE3C,iCAAiC,UAAe,cAAoC;AACzF,SAAO,eACL,mDAAC,wCAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,KAAe,QAAS,IAE7D;AAEJ;AANgB;",
+  "names": []
+}

package/dist/cjs/hooks/useConstant.js

@@ -1,31 +1,27 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
+  return to;
 };
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-__export(exports, {
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useConstant_exports = {};
+__export(useConstant_exports, {
   useConstant: () => useConstant
 });
-var import_react = __toModule(require("react"));
+module.exports = __toCommonJS(useConstant_exports);
+var import_react = require("react");
 function useConstant(fn) {
   const ref = (0, import_react.useRef)();
   if (!ref.current) {

package/dist/cjs/hooks/useConstant.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/hooks/useConstant.tsx"],
   "sourcesContent": ["import { useRef } from 'react'\n\ntype ResultBox<T> = { v: T }\nexport function useConstant<T>(fn: () => T): T {\n  const ref = useRef<ResultBox<T>>()\n  if (!ref.current) {\n    ref.current = { v: fn() }\n  }\n  return ref.current.v\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,mBAAuB;AAGhB,qBAAwB,IAAgB;AAC7C,QAAM,MAAM;AACZ,MAAI,CAAC,IAAI,SAAS;AAChB,QAAI,UAAU,EAAE,GAAG;AAAA;AAErB,SAAO,IAAI,QAAQ;AAAA;AALL;",
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuB;AAGhB,qBAAwB,IAAgB;AAC7C,QAAM,MAAM,yBAAqB;AACjC,MAAI,CAAC,IAAI,SAAS;AAChB,QAAI,UAAU,EAAE,GAAG,GAAG,EAAE;AAAA,EAC1B;AACA,SAAO,IAAI,QAAQ;AACrB;AANgB;",
   "names": []
 }

package/dist/cjs/hooks/useFeatures.js

@@ -21,30 +21,41 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
-  __markAsModule(target);
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __reExport = (target, module2, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && key !== "default")
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  return target;
-};
-var __toModule = (module2) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+  return to;
 };
-__export(exports, {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useFeatures_exports = {};
+__export(useFeatures_exports, {
   useFeatures: () => useFeatures
 });
-var import_react = __toModule(require("react"));
-var import_platform = __toModule(require("../constants/platform"));
-var import_useMedia = __toModule(require("./useMedia"));
+module.exports = __toCommonJS(useFeatures_exports);
+var import_react = __toESM(require("react"));
+var import_platform = require("../constants/platform");
+var import_useMedia = require("./useMedia");
 const createDefinition = /* @__PURE__ */ __name(({
   Component,
   propNames
@@ -71,11 +82,39 @@ const useFeatures = /* @__PURE__ */ __name((props, utils) => {
   return features;
 }, "useFeatures");
 function loadFeatures() {
-  return __spreadValues({}, !import_platform.isWeb && {
+  return __spreadValues({
+    animation: loadAnimationFeature()
+  }, !import_platform.isWeb && {
     mediaQuery: loadMediaQueryFeature()
   });
 }
 __name(loadFeatures, "loadFeatures");
+function loadAnimationFeature() {
+  return createDefinition({
+    Component: (_a) => {
+      var _b = _a, { _utils } = _b, props = __objRest(_b, ["_utils"]);
+      const { state, useAnimations, pseudos, style, setStateShallow } = _utils;
+      if (!useAnimations) {
+        console.error("no useAnimations hook provided");
+        return null;
+      }
+      const animatedStyleIn = __spreadValues(__spreadValues(__spreadValues(__spreadValues({}, style), state.hover && pseudos.hoverStyle), state.focus && pseudos.focusStyle), state.press && pseudos.pressStyle);
+      const res = useAnimations(props, {
+        isMounted: state.mounted,
+        style: animatedStyleIn,
+        exitStyle: pseudos == null ? void 0 : pseudos.exitStyle
+      });
+      (0, import_platform.useIsomorphicLayoutEffect)(() => {
+        setStateShallow({
+          animation: res
+        });
+      }, [JSON.stringify(style)]);
+      return null;
+    },
+    propNames: ["animation"]
+  });
+}
+__name(loadAnimationFeature, "loadAnimationFeature");
 function loadMediaQueryFeature() {
   const mediaPropNames = Object.keys(import_useMedia.mediaState);
   return createDefinition({

package/dist/cjs/hooks/useFeatures.js.map

@@ -1,7 +1,7 @@
 {
   "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;AAAA;AAAA;AAAA,mBAAkB;AAElB,sBAAiD;AACjD,sBAA4E;AAO5E,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,mDAAC,WAAD;AAAA,QAAW,KAAK;AAAA,SAAU,QAA1B;AAAA,QAAiC,QAAQ;AAAA;AAAA;AAAA;AAG3D,SAAO;AAAA,GAXkB;AAc3B,wBAA2D;AACzD,SAAO,mBAYD,CAAC,yBAAS;AAAA,IACZ,YAAY;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,qDAA0B,MAAM;AAC9B,mBAAW,OAAO,MAAM;AACtB,qDAAsB,KAAK,MAAM,OAAO;AAAA;AAE1C,eAAO,MAAM;AACX,qBAAW,OAAO,MAAM;AACtB,0DAAyB,KAAK,MAAM,OAAO;AAAA;AAAA;AAAA,SAG9C,CAAC,KAAK,KAAK;AAEd,aAAO;AAAA;AAAA,IAET,WAAW;AAAA;AAAA;AApBN;",
+  "sourcesContent": ["import React from 'react'\nimport { ViewStyle } from 'react-native'\n\nimport { isWeb, useIsomorphicLayoutEffect } from '../constants/platform'\nimport { ComponentState } from '../defaultComponentState'\nimport { PseudoStyles } from '../static'\nimport { UseAnimationHook } from '../types'\nimport { addMediaQueryListener, mediaState, removeMediaQueryListener } from './useMedia'\n\ntype FeatureDefinition = {\n  isEnabled: (props: any) => boolean\n  Component: any\n}\n\ntype FeatureUtils = {\n  forceUpdate: Function\n  state: ComponentState\n  setStateShallow: (next: Partial<ComponentState>) => void\n  useAnimations?: UseAnimationHook\n  pseudos: PseudoStyles\n  style: ViewStyle | null | undefined\n}\n\nconst createDefinition = ({\n  Component,\n  propNames,\n}: {\n  Component: (props: { _utils: FeatureUtils; [key: string]: any }) => void\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?: FeatureUtils) => {\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    // loads animations and sets state with the results\n    animation: loadAnimationFeature(),\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 loadAnimationFeature() {\n  return createDefinition({\n    Component: ({ _utils, ...props }) => {\n      const { state, useAnimations, pseudos, style, setStateShallow } = _utils\n\n      if (!useAnimations) {\n        console.error('no useAnimations hook provided')\n        return null\n      }\n\n      const animatedStyleIn = {\n        ...style,\n        ...(state.hover && pseudos.hoverStyle),\n        ...(state.focus && pseudos.focusStyle),\n        ...(state.press && pseudos.pressStyle),\n      }\n\n      const res = useAnimations(props as any, {\n        isMounted: state.mounted,\n        style: animatedStyleIn,\n        exitStyle: pseudos?.exitStyle,\n        // onDidAnimate, delay\n      })\n\n      useIsomorphicLayoutEffect(() => {\n        setStateShallow({\n          animation: res,\n        })\n      }, [JSON.stringify(style)])\n\n      return null\n    },\n    propNames: ['animation'],\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\n// TODO\n// measureLayout: createDefinition({\n//   Component: (props) => {\n//     console.log('measure', props)\n//     return null\n//   },\n//   propNames: ['onLayout'],\n// }),\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,sBAAiD;AAIjD,sBAA4E;AAgB5E,MAAM,mBAAmB,wBAAC;AAAA,EACxB;AAAA,EACA;AAAA,MAIwB;AAAA,EACxB,WAAW,CAAC,UAAe,UAAU,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,KAAK;AAAA,EACjE;AACF,IATyB;AAWzB,IAAI,qBAA+D;AAE5D,MAAM,cAAc,wBAAC,OAAY,UAAyB;AAC/D,MAAI,CAAC,oBAAoB;AACvB,yBAAqB,aAAa;AAAA,EACpC;AACA,QAAM,WAA0B,CAAC;AACjC,aAAW,QAAQ,oBAAoB;AACrC,UAAM,EAAE,WAAW,cAAc,mBAAmB;AACpD,QAAI,UAAU,KAAK,KAAK,WAAW;AACjC,eAAS,KAAK,mDAAC;AAAA,QAAU,KAAK;AAAA,SAAU,QAAzB;AAAA,QAAgC,QAAQ;AAAA,QAAO,CAAE;AAAA,IAClE;AAAA,EACF;AACA,SAAO;AACT,GAZ2B;AAc3B,wBAA2D;AACzD,SAAO;AAAA,IAEL,WAAW,qBAAqB;AAAA,KAI5B,CAAC,yBAAS;AAAA,IACZ,YAAY,sBAAsB;AAAA,EACpC;AAEJ;AAXS;AAaT,gCAAgC;AAC9B,SAAO,iBAAiB;AAAA,IACtB,WAAW,CAAC,OAAyB;AAAzB,mBAAE,aAAF,IAAa,kBAAb,IAAa,CAAX;AACZ,YAAM,EAAE,OAAO,eAAe,SAAS,OAAO,oBAAoB;AAElE,UAAI,CAAC,eAAe;AAClB,gBAAQ,MAAM,gCAAgC;AAC9C,eAAO;AAAA,MACT;AAEA,YAAM,kBAAkB,gEACnB,QACC,MAAM,SAAS,QAAQ,aACvB,MAAM,SAAS,QAAQ,aACvB,MAAM,SAAS,QAAQ;AAG7B,YAAM,MAAM,cAAc,OAAc;AAAA,QACtC,WAAW,MAAM;AAAA,QACjB,OAAO;AAAA,QACP,WAAW,mCAAS;AAAA,MAEtB,CAAC;AAED,qDAA0B,MAAM;AAC9B,wBAAgB;AAAA,UACd,WAAW;AAAA,QACb,CAAC;AAAA,MACH,GAAG,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC;AAE1B,aAAO;AAAA,IACT;AAAA,IACA,WAAW,CAAC,WAAW;AAAA,EACzB,CAAC;AACH;AAlCS;AAoCT,iCAAiC;AAC/B,QAAM,iBAAiB,OAAO,KAAK,0BAAU;AAE7C,SAAO,iBAAiB;AAAA,IACtB,WAAW,CAAC,UAAe;AACzB,YAAM,OAAO,eAAe,QAAQ,CAAC,MAAO,KAAK,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,CAAE;AAEzE,qDAA0B,MAAM;AAC9B,mBAAW,OAAO,MAAM;AACtB,qDAAsB,KAAK,MAAM,OAAO,WAAW;AAAA,QACrD;AACA,eAAO,MAAM;AACX,qBAAW,OAAO,MAAM;AACtB,0DAAyB,KAAK,MAAM,OAAO,WAAW;AAAA,UACxD;AAAA,QACF;AAAA,MACF,GAAG,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC;AAEnB,aAAO;AAAA,IACT;AAAA,IACA,WAAW;AAAA,EACb,CAAC;AACH;AAtBS;",
   "names": []
 }

package/dist/cjs/hooks/useIsMounted.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useIsMounted_exports = {};
+__export(useIsMounted_exports, {
+  useIsMounted: () => useIsMounted
+});
+module.exports = __toCommonJS(useIsMounted_exports);
+var import_core = require("@tamagui/core");
+var import_react = require("react");
+function useIsMounted() {
+  const isMounted = (0, import_react.useRef)(false);
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  return isMounted;
+}
+__name(useIsMounted, "useIsMounted");
+//# sourceMappingURL=useIsMounted.js.map

package/dist/cjs/hooks/useIsMounted.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useIsMounted.ts"],
+  "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/core'\nimport { useRef } from 'react'\n\nexport function useIsMounted() {\n  const isMounted = useRef(false)\n\n  useIsomorphicLayoutEffect(() => {\n    isMounted.current = true\n\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  return isMounted\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0C;AAC1C,mBAAuB;AAEhB,wBAAwB;AAC7B,QAAM,YAAY,yBAAO,KAAK;AAE9B,6CAA0B,MAAM;AAC9B,cAAU,UAAU;AAEpB,WAAO,MAAM;AACX,gBAAU,UAAU;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;AAZgB;",
+  "names": []
+}

package/dist/cjs/hooks/useIsTouchDevice.js

@@ -0,0 +1,35 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useIsTouchDevice_exports = {};
+__export(useIsTouchDevice_exports, {
+  useIsTouchDevice: () => useIsTouchDevice
+});
+module.exports = __toCommonJS(useIsTouchDevice_exports);
+var import_react = require("react");
+var import_platform = require("../constants/platform");
+const useIsTouchDevice = /* @__PURE__ */ __name(() => {
+  const [touchOnly, setTouchOnly] = (0, import_react.useState)(false);
+  if (import_platform.isTouchDevice) {
+    (0, import_react.useEffect)(() => {
+      setTouchOnly(true);
+    }, []);
+  }
+  return touchOnly;
+}, "useIsTouchDevice");
+//# sourceMappingURL=useIsTouchDevice.js.map

package/dist/cjs/hooks/useIsTouchDevice.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useIsTouchDevice.tsx"],
+  "sourcesContent": ["import { useEffect, useState } from 'react'\n\nimport { isTouchDevice } from '../constants/platform'\n\n// ssr friendly\n\nexport const useIsTouchDevice = () => {\n  const [touchOnly, setTouchOnly] = useState(false)\n\n  if (isTouchDevice) {\n    useEffect(() => {\n      setTouchOnly(true)\n    }, [])\n  }\n\n  return touchOnly\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoC;AAEpC,sBAA8B;AAIvB,MAAM,mBAAmB,6BAAM;AACpC,QAAM,CAAC,WAAW,gBAAgB,2BAAS,KAAK;AAEhD,MAAI,+BAAe;AACjB,gCAAU,MAAM;AACd,mBAAa,IAAI;AAAA,IACnB,GAAG,CAAC,CAAC;AAAA,EACP;AAEA,SAAO;AACT,GAVgC;",
+  "names": []
+}