@tamagui/core 1.0.0-beta.8 → 1.0.1-beta.100

package/dist/cjs/helpers/fixNativeShadow.native.js

@@ -1,63 +0,0 @@
-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 fixNativeShadow_native_exports = {};
-__export(fixNativeShadow_native_exports, {
-  fixNativeShadow: () => fixNativeShadow
-});
-module.exports = __toCommonJS(fixNativeShadow_native_exports);
-const matchRgbaHsla = /(rgba|hsla)\(\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,})\s*\)$/;
-function fixNativeShadow(styles) {
-  if (!styles) {
-    return;
-  }
-  const color = styles.find((x) => x[0] === "shadowColor");
-  if (!color) {
-    return;
-  }
-  if (!styles.find((x) => x[0] === "shadowOffset")) {
-    styles.push([
-      "shadowOffset",
-      {
-        width: 0,
-        height: 0
-      }
-    ]);
-  }
-  if (styles.find((x) => x[0] === "shadowOpacity")) {
-    return;
-  }
-  const c = `${color[1]}`;
-  if ((c[0] === "r" || c[0] === "h") && c[3] === "a") {
-    const [_, type, _1, _2, _3, a] = c.match(matchRgbaHsla) || [];
-    if (typeof a !== "string") {
-      console.trace("invalid", c, type);
-      throw new Error(`invalid style`);
-    }
-    styles.push(["shadowColor", `${type.replace("a", "")}(${_1},${_2},${_3})`]);
-    styles.push(["shadowOpacity", +a]);
-  } else {
-    styles.push(["shadowOpacity", 1]);
-  }
-}
-__name(fixNativeShadow, "fixNativeShadow");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  fixNativeShadow
-});
-//# sourceMappingURL=fixNativeShadow.native.js.map

package/dist/cjs/helpers/fixNativeShadow.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/fixNativeShadow.native.tsx"],
-  "sourcesContent": ["const matchRgbaHsla =\n  /(rgba|hsla)\\(\\s*([\\d\\.]{1,}%?)\\s*,\\s*([\\d\\.]{1,}%?)\\s*,\\s*([\\d\\.]{1,}%?)\\s*,\\s*([\\d\\.]{1,})\\s*\\)$/\n\nexport function fixNativeShadow(styles: [string, any][]) {\n  if (!styles) {\n    return\n  }\n  const color = styles.find((x) => x[0] === 'shadowColor')\n  if (!color) {\n    return\n  }\n  if (!styles.find((x) => x[0] === 'shadowOffset')) {\n    // fixes some broken shadows\n    styles.push([\n      'shadowOffset',\n      {\n        width: 0,\n        height: 0,\n      },\n    ])\n  }\n  if (styles.find((x) => x[0] === 'shadowOpacity')) {\n    return\n  }\n  const c = `${color[1]}`\n  // react native has issues sometimes with rgba()\n  // supports rgba + hsla\n  if ((c[0] === 'r' || c[0] === 'h') && c[3] === 'a') {\n    const [_, type, _1, _2, _3, a] = c.match(matchRgbaHsla) || []\n    if (typeof a !== 'string') {\n      console.trace('invalid', c, type)\n      throw new Error(`invalid style`)\n    }\n    styles.push(['shadowColor', `${type.replace('a', '')}(${_1},${_2},${_3})`])\n    styles.push(['shadowOpacity', +a])\n  } else {\n    styles.push(['shadowOpacity', 1])\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,gBACJ;AAEK,yBAAyB,QAAyB;AACvD,MAAI,CAAC,QAAQ;AACX;AAAA,EACF;AACA,QAAM,QAAQ,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,aAAa;AACvD,MAAI,CAAC,OAAO;AACV;AAAA,EACF;AACA,MAAI,CAAC,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,cAAc,GAAG;AAEhD,WAAO,KAAK;AAAA,MACV;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC;AAAA,EACH;AACA,MAAI,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe,GAAG;AAChD;AAAA,EACF;AACA,QAAM,IAAI,GAAG,MAAM;AAGnB,MAAK,GAAE,OAAO,OAAO,EAAE,OAAO,QAAQ,EAAE,OAAO,KAAK;AAClD,UAAM,CAAC,GAAG,MAAM,IAAI,IAAI,IAAI,KAAK,EAAE,MAAM,aAAa,KAAK,CAAC;AAC5D,QAAI,OAAO,MAAM,UAAU;AACzB,cAAQ,MAAM,WAAW,GAAG,IAAI;AAChC,YAAM,IAAI,MAAM,eAAe;AAAA,IACjC;AACA,WAAO,KAAK,CAAC,eAAe,GAAG,KAAK,QAAQ,KAAK,EAAE,KAAK,MAAM,MAAM,KAAK,CAAC;AAC1E,WAAO,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAAA,EACnC,OAAO;AACL,WAAO,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAAA,EAClC;AACF;AAnCgB;",
-  "names": []
-}

package/dist/cjs/helpers/getButtonSize.js

@@ -1,45 +0,0 @@
-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 getButtonSize_exports = {};
-__export(getButtonSize_exports, {
-  getButtonSize: () => getButtonSize
-});
-module.exports = __toCommonJS(getButtonSize_exports);
-var import_core = require("@tamagui/core");
-const getButtonSize = /* @__PURE__ */ __name((sizeX = 0.9, sizeY = 0.333) => (val, { tokens, props, fonts }) => {
-  const size = tokens.size[val] ?? tokens.size["$4"] ?? val ?? 14;
-  const radius = tokens.radius[val] ?? tokens.radius["$4"] ?? size;
-  const px = Math.round(+((0, import_core.isVariable)(size) ? size.val : size) * sizeX);
-  const py = Math.round(+((0, import_core.isVariable)(size) ? size.val : size) * sizeY);
-  const font = fonts[props.fontFamily] || fonts["$body"];
-  const lineHeights = font.lineHeight;
-  const lineHeight = lineHeights[val] ?? lineHeights["$4"];
-  const minHeight = Math.round((0, import_core.getVariableValue)(lineHeight) + py * 2);
-  return {
-    minHeight,
-    paddingHorizontal: props.circular ? 0 : px,
-    paddingVertical: props.circular ? 0 : py,
-    borderRadius: props.circular ? 1e5 : props.borderRadius ?? radius
-  };
-}, "getButtonSize");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getButtonSize
-});
-//# sourceMappingURL=getButtonSize.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/getButtonSize.ts"],
-  "sourcesContent": ["import { VariantSpreadExtras, getVariableValue, isVariable } from '@tamagui/core'\n\n// for use in button-like things\n\nexport const getButtonSize =\n  (sizeX = 0.9, sizeY = 0.333) =>\n  (val: any, { tokens, props, fonts }: VariantSpreadExtras<any>) => {\n    const size = tokens.size[val] ?? tokens.size['$4'] ?? val ?? 14\n    const radius = tokens.radius[val] ?? tokens.radius['$4'] ?? size\n    const px = Math.round(+(isVariable(size) ? size.val : size) * sizeX)\n    const py = Math.round(+(isVariable(size) ? size.val : size) * sizeY)\n    // keep buttons height aligned to the font used\n    const font = fonts[props.fontFamily] || fonts['$body']\n    const lineHeights = font.lineHeight\n    const lineHeight = lineHeights[val] ?? lineHeights['$4']\n    const minHeight = Math.round(getVariableValue(lineHeight) + py * 2)\n    return {\n      minHeight,\n      paddingHorizontal: props.circular ? 0 : px,\n      paddingVertical: props.circular ? 0 : py,\n      borderRadius: props.circular ? 100_000 : props.borderRadius ?? radius,\n    }\n  }\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAkE;AAI3D,MAAM,gBACX,wBAAC,QAAQ,KAAK,QAAQ,UACtB,CAAC,KAAU,EAAE,QAAQ,OAAO,YAAsC;AAChE,QAAM,OAAO,OAAO,KAAK,QAAQ,OAAO,KAAK,SAAS,OAAO;AAC7D,QAAM,SAAS,OAAO,OAAO,QAAQ,OAAO,OAAO,SAAS;AAC5D,QAAM,KAAK,KAAK,MAAM,CAAE,6BAAW,IAAI,IAAI,KAAK,MAAM,QAAQ,KAAK;AACnE,QAAM,KAAK,KAAK,MAAM,CAAE,6BAAW,IAAI,IAAI,KAAK,MAAM,QAAQ,KAAK;AAEnE,QAAM,OAAO,MAAM,MAAM,eAAe,MAAM;AAC9C,QAAM,cAAc,KAAK;AACzB,QAAM,aAAa,YAAY,QAAQ,YAAY;AACnD,QAAM,YAAY,KAAK,MAAM,kCAAiB,UAAU,IAAI,KAAK,CAAC;AAClE,SAAO;AAAA,IACL;AAAA,IACA,mBAAmB,MAAM,WAAW,IAAI;AAAA,IACxC,iBAAiB,MAAM,WAAW,IAAI;AAAA,IACtC,cAAc,MAAM,WAAW,MAAU,MAAM,gBAAgB;AAAA,EACjE;AACF,GAjBA;",
-  "names": []
-}

package/dist/esm/helpers/addStylesUsingClassname.js

@@ -1,64 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { useInsertionEffect } from "react";
-import { getStylesAtomic } from "./getStylesAtomic";
-import { insertStyleRule, updateInsertedCache } from "./insertStyleRule";
-let added = /* @__PURE__ */ new Set();
-function useStylesAsClassname(styles, disable = false, debug = false) {
-  if (!useInsertionEffect) {
-    return addStylesUsingClassname(disable ? styles : [], debug);
-  } else {
-    const insertions = [];
-    const className = addStylesUsingClassname(disable ? [] : styles, debug, (identifier, rules) => {
-      for (const rule of rules) {
-        insertions.push({ identifier, rule });
-      }
-    });
-    for (const { identifier, rule } of insertions) {
-      updateInsertedCache(identifier, rule);
-    }
-    useInsertionEffect(() => {
-      for (const { identifier, rule } of insertions) {
-        insertStyleRule(identifier, rule);
-      }
-    });
-    return className;
-  }
-}
-__name(useStylesAsClassname, "useStylesAsClassname");
-function addStylesUsingClassname(styles, debug = false, onAdd) {
-  let className = "";
-  for (const style of styles) {
-    if (!style)
-      continue;
-    if (Array.isArray(style)) {
-      className += " " + addStylesUsingClassname(style);
-      continue;
-    }
-    const atomicStyles = getStylesAtomic(style);
-    if (process.env.NODE_ENV === "development") {
-      if (debug === "verbose") {
-        console.log(" atomicStyles ", atomicStyles);
-      }
-    }
-    for (const { identifier, rules } of atomicStyles) {
-      className += ` ${identifier}`;
-      if (added.has(identifier)) {
-        continue;
-      }
-      added.add(identifier);
-      if (onAdd) {
-        onAdd(identifier, rules);
-      } else {
-        insertStyleRule(identifier, rules[0]);
-      }
-    }
-  }
-  return className;
-}
-__name(addStylesUsingClassname, "addStylesUsingClassname");
-export {
-  addStylesUsingClassname,
-  useStylesAsClassname
-};
-//# sourceMappingURL=addStylesUsingClassname.js.map

package/dist/esm/helpers/addStylesUsingClassname.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/addStylesUsingClassname.tsx"],
-  "sourcesContent": ["// @ts-ignore\nimport { useInsertionEffect } from 'react'\n\nimport { getStylesAtomic } from './getStylesAtomic'\nimport { insertStyleRule, updateInsertedCache } from './insertStyleRule'\n\n// TODO can drop most of this code once we drop support for 17\n// uses new useInsertionEffect for better perf if available\n\n// could be cleared occasionally\nlet added = new Set<string>()\n\nexport function useStylesAsClassname(styles: any[], disable = false, debug = false) {\n  if (!useInsertionEffect) {\n    return addStylesUsingClassname(disable ? styles : [], debug)\n  } else {\n    const insertions: any[] = []\n    const className = addStylesUsingClassname(disable ? [] : styles, debug, (identifier, rules) => {\n      for (const rule of rules) {\n        insertions.push({ identifier, rule })\n      }\n    })\n    // avoid race conditions in lookups because useInsertionEffect is delayed\n    for (const { identifier, rule } of insertions) {\n      updateInsertedCache(identifier, rule)\n    }\n    useInsertionEffect(() => {\n      for (const { identifier, rule } of insertions) {\n        insertStyleRule(identifier, rule)\n      }\n    })\n    return className\n  }\n}\n\nexport function addStylesUsingClassname(\n  styles: any[],\n  debug: boolean | 'verbose' = false,\n  onAdd?: (identifier: string, rules: string[]) => any\n) {\n  let className = ''\n  for (const style of styles) {\n    if (!style) continue\n    if (Array.isArray(style)) {\n      className += ' ' + addStylesUsingClassname(style)\n      continue\n    }\n    const atomicStyles = getStylesAtomic(style)\n    if (process.env.NODE_ENV === 'development') {\n      if (debug === 'verbose') {\n        console.log(' atomicStyles ', atomicStyles)\n      }\n    }\n    for (const { identifier, rules } of atomicStyles) {\n      className += ` ${identifier}`\n      if (added.has(identifier)) {\n        continue\n      }\n      added.add(identifier)\n      if (onAdd) {\n        onAdd(identifier, rules)\n      } else {\n        insertStyleRule(identifier, rules[0])\n      }\n    }\n  }\n  return className\n}\n"],
-  "mappings": ";;AACA;AAEA;AACA;AAMA,IAAI,QAAQ,oBAAI,IAAY;AAErB,8BAA8B,QAAe,UAAU,OAAO,QAAQ,OAAO;AAClF,MAAI,CAAC,oBAAoB;AACvB,WAAO,wBAAwB,UAAU,SAAS,CAAC,GAAG,KAAK;AAAA,EAC7D,OAAO;AACL,UAAM,aAAoB,CAAC;AAC3B,UAAM,YAAY,wBAAwB,UAAU,CAAC,IAAI,QAAQ,OAAO,CAAC,YAAY,UAAU;AAC7F,iBAAW,QAAQ,OAAO;AACxB,mBAAW,KAAK,EAAE,YAAY,KAAK,CAAC;AAAA,MACtC;AAAA,IACF,CAAC;AAED,eAAW,EAAE,YAAY,UAAU,YAAY;AAC7C,0BAAoB,YAAY,IAAI;AAAA,IACtC;AACA,uBAAmB,MAAM;AACvB,iBAAW,EAAE,YAAY,UAAU,YAAY;AAC7C,wBAAgB,YAAY,IAAI;AAAA,MAClC;AAAA,IACF,CAAC;AACD,WAAO;AAAA,EACT;AACF;AArBgB;AAuBT,iCACL,QACA,QAA6B,OAC7B,OACA;AACA,MAAI,YAAY;AAChB,aAAW,SAAS,QAAQ;AAC1B,QAAI,CAAC;AAAO;AACZ,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,mBAAa,MAAM,wBAAwB,KAAK;AAChD;AAAA,IACF;AACA,UAAM,eAAe,gBAAgB,KAAK;AAC1C,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,UAAU,WAAW;AACvB,gBAAQ,IAAI,kBAAkB,YAAY;AAAA,MAC5C;AAAA,IACF;AACA,eAAW,EAAE,YAAY,WAAW,cAAc;AAChD,mBAAa,IAAI;AACjB,UAAI,MAAM,IAAI,UAAU,GAAG;AACzB;AAAA,MACF;AACA,YAAM,IAAI,UAAU;AACpB,UAAI,OAAO;AACT,cAAM,YAAY,KAAK;AAAA,MACzB,OAAO;AACL,wBAAgB,YAAY,MAAM,EAAE;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAhCgB;",
-  "names": []
-}

package/dist/esm/helpers/fixNativeShadow.native.js

@@ -1,41 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const matchRgbaHsla = /(rgba|hsla)\(\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,}%?)\s*,\s*([\d\.]{1,})\s*\)$/;
-function fixNativeShadow(styles) {
-  if (!styles) {
-    return;
-  }
-  const color = styles.find((x) => x[0] === "shadowColor");
-  if (!color) {
-    return;
-  }
-  if (!styles.find((x) => x[0] === "shadowOffset")) {
-    styles.push([
-      "shadowOffset",
-      {
-        width: 0,
-        height: 0
-      }
-    ]);
-  }
-  if (styles.find((x) => x[0] === "shadowOpacity")) {
-    return;
-  }
-  const c = `${color[1]}`;
-  if ((c[0] === "r" || c[0] === "h") && c[3] === "a") {
-    const [_, type, _1, _2, _3, a] = c.match(matchRgbaHsla) || [];
-    if (typeof a !== "string") {
-      console.trace("invalid", c, type);
-      throw new Error(`invalid style`);
-    }
-    styles.push(["shadowColor", `${type.replace("a", "")}(${_1},${_2},${_3})`]);
-    styles.push(["shadowOpacity", +a]);
-  } else {
-    styles.push(["shadowOpacity", 1]);
-  }
-}
-__name(fixNativeShadow, "fixNativeShadow");
-export {
-  fixNativeShadow
-};
-//# sourceMappingURL=fixNativeShadow.native.js.map

package/dist/esm/helpers/fixNativeShadow.native.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/fixNativeShadow.native.tsx"],
-  "sourcesContent": ["const matchRgbaHsla =\n  /(rgba|hsla)\\(\\s*([\\d\\.]{1,}%?)\\s*,\\s*([\\d\\.]{1,}%?)\\s*,\\s*([\\d\\.]{1,}%?)\\s*,\\s*([\\d\\.]{1,})\\s*\\)$/\n\nexport function fixNativeShadow(styles: [string, any][]) {\n  if (!styles) {\n    return\n  }\n  const color = styles.find((x) => x[0] === 'shadowColor')\n  if (!color) {\n    return\n  }\n  if (!styles.find((x) => x[0] === 'shadowOffset')) {\n    // fixes some broken shadows\n    styles.push([\n      'shadowOffset',\n      {\n        width: 0,\n        height: 0,\n      },\n    ])\n  }\n  if (styles.find((x) => x[0] === 'shadowOpacity')) {\n    return\n  }\n  const c = `${color[1]}`\n  // react native has issues sometimes with rgba()\n  // supports rgba + hsla\n  if ((c[0] === 'r' || c[0] === 'h') && c[3] === 'a') {\n    const [_, type, _1, _2, _3, a] = c.match(matchRgbaHsla) || []\n    if (typeof a !== 'string') {\n      console.trace('invalid', c, type)\n      throw new Error(`invalid style`)\n    }\n    styles.push(['shadowColor', `${type.replace('a', '')}(${_1},${_2},${_3})`])\n    styles.push(['shadowOpacity', +a])\n  } else {\n    styles.push(['shadowOpacity', 1])\n  }\n}\n"],
-  "mappings": ";;AAAA,MAAM,gBACJ;AAEK,yBAAyB,QAAyB;AACvD,MAAI,CAAC,QAAQ;AACX;AAAA,EACF;AACA,QAAM,QAAQ,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,aAAa;AACvD,MAAI,CAAC,OAAO;AACV;AAAA,EACF;AACA,MAAI,CAAC,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,cAAc,GAAG;AAEhD,WAAO,KAAK;AAAA,MACV;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA,IACF,CAAC;AAAA,EACH;AACA,MAAI,OAAO,KAAK,CAAC,MAAM,EAAE,OAAO,eAAe,GAAG;AAChD;AAAA,EACF;AACA,QAAM,IAAI,GAAG,MAAM;AAGnB,MAAK,GAAE,OAAO,OAAO,EAAE,OAAO,QAAQ,EAAE,OAAO,KAAK;AAClD,UAAM,CAAC,GAAG,MAAM,IAAI,IAAI,IAAI,KAAK,EAAE,MAAM,aAAa,KAAK,CAAC;AAC5D,QAAI,OAAO,MAAM,UAAU;AACzB,cAAQ,MAAM,WAAW,GAAG,IAAI;AAChC,YAAM,IAAI,MAAM,eAAe;AAAA,IACjC;AACA,WAAO,KAAK,CAAC,eAAe,GAAG,KAAK,QAAQ,KAAK,EAAE,KAAK,MAAM,MAAM,KAAK,CAAC;AAC1E,WAAO,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAAA,EACnC,OAAO;AACL,WAAO,KAAK,CAAC,iBAAiB,CAAC,CAAC;AAAA,EAClC;AACF;AAnCgB;",
-  "names": []
-}

package/dist/esm/helpers/getButtonSize.js

@@ -1,24 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { getVariableValue, isVariable } from "@tamagui/core";
-const getButtonSize = /* @__PURE__ */ __name((sizeX = 0.9, sizeY = 0.333) => (val, { tokens, props, fonts }) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const size = (_c = (_b = (_a = tokens.size[val]) != null ? _a : tokens.size["$4"]) != null ? _b : val) != null ? _c : 14;
-  const radius = (_e = (_d = tokens.radius[val]) != null ? _d : tokens.radius["$4"]) != null ? _e : size;
-  const px = Math.round(+(isVariable(size) ? size.val : size) * sizeX);
-  const py = Math.round(+(isVariable(size) ? size.val : size) * sizeY);
-  const font = fonts[props.fontFamily] || fonts["$body"];
-  const lineHeights = font.lineHeight;
-  const lineHeight = (_f = lineHeights[val]) != null ? _f : lineHeights["$4"];
-  const minHeight = Math.round(getVariableValue(lineHeight) + py * 2);
-  return {
-    minHeight,
-    paddingHorizontal: props.circular ? 0 : px,
-    paddingVertical: props.circular ? 0 : py,
-    borderRadius: props.circular ? 1e5 : (_g = props.borderRadius) != null ? _g : radius
-  };
-}, "getButtonSize");
-export {
-  getButtonSize
-};
-//# sourceMappingURL=getButtonSize.js.map

package/dist/esm/helpers/getButtonSize.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/helpers/getButtonSize.ts"],
-  "sourcesContent": ["import { VariantSpreadExtras, getVariableValue, isVariable } from '@tamagui/core'\n\n// for use in button-like things\n\nexport const getButtonSize =\n  (sizeX = 0.9, sizeY = 0.333) =>\n  (val: any, { tokens, props, fonts }: VariantSpreadExtras<any>) => {\n    const size = tokens.size[val] ?? tokens.size['$4'] ?? val ?? 14\n    const radius = tokens.radius[val] ?? tokens.radius['$4'] ?? size\n    const px = Math.round(+(isVariable(size) ? size.val : size) * sizeX)\n    const py = Math.round(+(isVariable(size) ? size.val : size) * sizeY)\n    // keep buttons height aligned to the font used\n    const font = fonts[props.fontFamily] || fonts['$body']\n    const lineHeights = font.lineHeight\n    const lineHeight = lineHeights[val] ?? lineHeights['$4']\n    const minHeight = Math.round(getVariableValue(lineHeight) + py * 2)\n    return {\n      minHeight,\n      paddingHorizontal: props.circular ? 0 : px,\n      paddingVertical: props.circular ? 0 : py,\n      borderRadius: props.circular ? 100_000 : props.borderRadius ?? radius,\n    }\n  }\n"],
-  "mappings": ";;AAAA;AAIO,MAAM,gBACX,wBAAC,QAAQ,KAAK,QAAQ,UACtB,CAAC,KAAU,EAAE,QAAQ,OAAO,YAAsC;AANpE;AAOI,QAAM,OAAO,yBAAO,KAAK,SAAZ,YAAoB,OAAO,KAAK,UAAhC,YAAyC,QAAzC,YAAgD;AAC7D,QAAM,SAAS,mBAAO,OAAO,SAAd,YAAsB,OAAO,OAAO,UAApC,YAA6C;AAC5D,QAAM,KAAK,KAAK,MAAM,CAAE,YAAW,IAAI,IAAI,KAAK,MAAM,QAAQ,KAAK;AACnE,QAAM,KAAK,KAAK,MAAM,CAAE,YAAW,IAAI,IAAI,KAAK,MAAM,QAAQ,KAAK;AAEnE,QAAM,OAAO,MAAM,MAAM,eAAe,MAAM;AAC9C,QAAM,cAAc,KAAK;AACzB,QAAM,aAAa,kBAAY,SAAZ,YAAoB,YAAY;AACnD,QAAM,YAAY,KAAK,MAAM,iBAAiB,UAAU,IAAI,KAAK,CAAC;AAClE,SAAO;AAAA,IACL;AAAA,IACA,mBAAmB,MAAM,WAAW,IAAI;AAAA,IACxC,iBAAiB,MAAM,WAAW,IAAI;AAAA,IACtC,cAAc,MAAM,WAAW,MAAU,YAAM,iBAAN,YAAsB;AAAA,EACjE;AACF,GAjBA;",
-  "names": []
-}

package/dist/jsx/Tamagui.js

@@ -1,41 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import * as Helpers from "@tamagui/helpers";
-import { getConfig } from "./conf";
-import { rnw } from "./constants/rnw";
-import { getAllSelectors, getAllTransforms, getInsertedRules } from "./helpers/insertStyleRule";
-class TamaguiManager {
-  constructor() {
-    this.rnw = rnw;
-    this.Helpers = Helpers;
-  }
-  get config() {
-    return getConfig();
-  }
-  get insertedRules() {
-    return getInsertedRules();
-  }
-  get allSelectors() {
-    return getAllSelectors();
-  }
-  get allTransforms() {
-    return getAllTransforms();
-  }
-  get identifierToValue() {
-    return identifierToValue;
-  }
-}
-__name(TamaguiManager, "TamaguiManager");
-const Tamagui = new TamaguiManager();
-const identifierToValue = /* @__PURE__ */ new Map();
-const getValueFromIdentifier = /* @__PURE__ */ __name((identifier) => {
-  return identifierToValue.get(identifier);
-}, "getValueFromIdentifier");
-const setIdentifierValue = /* @__PURE__ */ __name((identifier, value) => {
-  identifierToValue.set(identifier, value);
-}, "setIdentifierValue");
-export {
-  Tamagui,
-  getValueFromIdentifier,
-  setIdentifierValue
-};

package/dist/jsx/ThemeContext.js

@@ -1,5 +0,0 @@
-import { createContext } from "react";
-const ThemeContext = createContext(null);
-export {
-  ThemeContext
-};

package/dist/jsx/ThemeManager.js

@@ -1,186 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateMethod = (obj, member, method) => {
-  __accessCheck(obj, member, "access private method");
-  return method;
-};
-var _getClassName, getClassName_fn;
-import { createContext } from "react";
-import { getThemes } from "./conf";
-import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from "./constants/constants";
-class ThemeManager {
-  constructor(name = "", theme = null, parentManager = null) {
-    this.name = name;
-    this.theme = theme;
-    this.parentManager = parentManager;
-    __privateAdd(this, _getClassName);
-    this.keys = /* @__PURE__ */ new Map();
-    this.listeners = /* @__PURE__ */ new Map();
-    this.themeListeners = /* @__PURE__ */ new Set();
-    this.className = null;
-    let parent = parentManager;
-    let tries = 0;
-    while (true) {
-      tries++;
-      if (tries > 10) {
-        throw new Error(`Nested 10 of the same theme in a row, likely error`);
-      }
-      if (!parent)
-        break;
-      if (parent.name === name) {
-        parent = parent.parentManager;
-      } else {
-        this.parentManager = parent;
-        break;
-      }
-    }
-  }
-  get parentName() {
-    var _a;
-    return ((_a = this.parentManager) == null ? void 0 : _a.name) || null;
-  }
-  get fullName() {
-    return this.getNextTheme().name || this.name || "";
-  }
-  getValue(key) {
-    let theme = this.theme;
-    let manager = this;
-    while (true) {
-      if (!theme)
-        return;
-      if (key in theme) {
-        return theme[key];
-      }
-      manager = this.parentManager;
-      if (!manager) {
-        return;
-      }
-      if (manager.theme === theme) {
-        return;
-      }
-      theme = manager.theme;
-    }
-  }
-  update({ name, theme, className } = {}) {
-    const sameNameOrClassName = this.className ? className == this.className : name === this.name;
-    if (sameNameOrClassName) {
-      return false;
-    }
-    this.className = className || null;
-    this.name = name || "";
-    this.theme = theme;
-    this.notifyListeners();
-    return true;
-  }
-  getNextTheme(opts = {}, props) {
-    const { themes = getThemes(), name, componentName } = opts;
-    if (!name) {
-      if (componentName) {
-        const names = [
-          `${this.name}_${componentName}`,
-          `${withoutComponentName(this.name)}_${componentName}`
-        ];
-        for (const name2 of names) {
-          if (name2 in themes) {
-            return { name: name2, theme: themes[name2], className: __privateMethod(this, _getClassName, getClassName_fn).call(this, name2) };
-          }
-        }
-      }
-      return {
-        name: this.name,
-        theme: this.theme
-      };
-    }
-    let nextName = name || this.name || "";
-    let parentName = this.fullName;
-    while (true) {
-      if (nextName in themes) {
-        break;
-      }
-      nextName = `${parentName}_${name}`;
-      if (nextName in themes) {
-        break;
-      }
-      if (!parentName.includes(THEME_NAME_SEPARATOR)) {
-        console.warn("theme not found", name);
-        break;
-      }
-      parentName = parentName.slice(0, parentName.lastIndexOf(THEME_NAME_SEPARATOR));
-    }
-    if (componentName) {
-      const names = [
-        `${nextName}_${componentName}`,
-        `${withoutComponentName(nextName)}_${componentName}`
-      ];
-      for (const name2 of names) {
-        if (name2 in themes) {
-          nextName = name2;
-        }
-      }
-    }
-    let theme = themes[nextName];
-    if (!theme) {
-      theme = themes[`light_${nextName}`];
-    }
-    if (process.env.NODE_ENV === "development" && props && props["debug"]) {
-      console.log("getNextTheme", { name: opts.name, nextName, parentName });
-    }
-    return {
-      name: nextName,
-      theme,
-      className: __privateMethod(this, _getClassName, getClassName_fn).call(this, nextName)
-    };
-  }
-  track(uuid, keys) {
-    if (!this.name)
-      return;
-    this.keys.set(uuid, keys);
-  }
-  notifyListeners() {
-    var _a;
-    if (!this.name) {
-      this.keys.clear();
-    }
-    for (const [uuid, keys] of this.keys.entries()) {
-      if (keys.size) {
-        (_a = this.listeners.get(uuid)) == null ? void 0 : _a();
-      }
-    }
-    this.themeListeners.forEach((cb) => cb(this.name, this));
-  }
-  onChangeTheme(cb) {
-    this.themeListeners.add(cb);
-    return () => {
-      this.themeListeners.delete(cb);
-    };
-  }
-  onUpdate(uuid, cb) {
-    this.listeners.set(uuid, cb);
-    return () => {
-      this.listeners.delete(uuid);
-      this.keys.delete(uuid);
-    };
-  }
-}
-__name(ThemeManager, "ThemeManager");
-_getClassName = new WeakSet();
-getClassName_fn = /* @__PURE__ */ __name(function(name) {
-  return `${THEME_CLASSNAME_PREFIX}${name} tui_theme`.replace("light_", "").replace("dark_", "");
-}, "#getClassName");
-const ThemeManagerContext = createContext(null);
-const emptyManager = new ThemeManager();
-const withoutComponentName = /* @__PURE__ */ __name((name) => name.replace(/\_[A-Z][a-z]+$/, ""), "withoutComponentName");
-export {
-  ThemeManager,
-  ThemeManagerContext,
-  emptyManager
-};

package/dist/jsx/conf.js

@@ -1,35 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { Tamagui } from "./Tamagui";
-let conf;
-const setConfig = /* @__PURE__ */ __name((next) => {
-  conf = next;
-  if (configListeners.size) {
-    configListeners.forEach((cb) => cb(conf));
-    configListeners.clear();
-  }
-}, "setConfig");
-const getHasConfigured = /* @__PURE__ */ __name(() => !!conf, "getHasConfigured");
-const getConfig = /* @__PURE__ */ __name(() => conf, "getConfig");
-const getTokens = /* @__PURE__ */ __name(() => conf.tokensParsed, "getTokens");
-const getThemes = /* @__PURE__ */ __name(() => conf.themes, "getThemes");
-const configListeners = /* @__PURE__ */ new Set();
-const onConfiguredOnce = /* @__PURE__ */ __name((cb) => {
-  if (conf) {
-    cb(conf);
-  } else {
-    configListeners.add(cb);
-  }
-  if (!globalThis["Tamagui"]) {
-    globalThis["Tamagui"] = Tamagui;
-  }
-}, "onConfiguredOnce");
-export {
-  configListeners,
-  getConfig,
-  getHasConfigured,
-  getThemes,
-  getTokens,
-  onConfiguredOnce,
-  setConfig
-};

package/dist/jsx/constants/constants.js

@@ -1,17 +0,0 @@
-import { isWeb } from "./platform";
-const THEME_NAME_SEPARATOR = "_";
-const THEME_CLASSNAME_PREFIX = `tui_`;
-const stackDefaultStyles = {
-  alignItems: "stretch",
-  flexShrink: 0,
-  ...isWeb && {
-    display: "flex",
-    flexBasis: "auto",
-    boxSizing: "border-box"
-  }
-};
-export {
-  THEME_CLASSNAME_PREFIX,
-  THEME_NAME_SEPARATOR,
-  stackDefaultStyles
-};

package/dist/jsx/constants/platform.js

@@ -1,25 +0,0 @@
-var _a, _b, _c;
-import { useEffect, useLayoutEffect } from "react";
-import { Platform } from "react-native";
-const isAndroid = ((_a = Platform) == null ? void 0 : _a.OS) === "android";
-const isIOS = ((_b = Platform) == null ? void 0 : _b.OS) === "ios";
-const isWeb = process.env.TAMAGUI_TARGET !== "native" && (process.env.TAMAGUI_TARGET === "web" || ((_c = Platform) == null ? void 0 : _c.OS) === "web");
-const isSSR = isWeb && typeof window === "undefined";
-const isClient = isWeb && typeof window !== "undefined";
-const useIsomorphicLayoutEffect = isSSR ? useEffect : useLayoutEffect;
-const isChrome = typeof navigator !== "undefined" && /Chrome/.test(navigator.userAgent || "");
-const supportsTouchWeb = typeof window !== "undefined" && "ontouchstart" in window;
-const isTouchDevice = !isWeb || supportsTouchWeb;
-const isWebIOS = isWeb && typeof navigator !== "undefined" && (/iPad|iPhone|iPod/.test(navigator.platform) || navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1) && !window["MSStream"];
-export {
-  isAndroid,
-  isChrome,
-  isClient,
-  isIOS,
-  isSSR,
-  isTouchDevice,
-  isWeb,
-  isWebIOS,
-  supportsTouchWeb,
-  useIsomorphicLayoutEffect
-};

package/dist/jsx/constants/rnw.js

@@ -1,23 +0,0 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const interopRequire = /* @__PURE__ */ __name((src) => "default" in src ? src.default : src, "interopRequire");
-const rnw = {};
-if (process.env.IS_STATIC === "is_static") {
-  const createDOMProps = require("react-native-web/dist/cjs/modules/createDOMProps/index.js");
-  const createCompileableStyle = require("react-native-web/dist/cjs/exports/StyleSheet/createCompileableStyle");
-  const createReactDOMStyle = require("react-native-web/dist/cjs/exports/StyleSheet/createReactDOMStyle");
-  const i18Style = require("react-native-web/dist/cjs/exports/StyleSheet/i18nStyle");
-  const atomic = require("react-native-web/dist/cjs/exports/StyleSheet/compile").atomic;
-  Object.assign(rnw, {
-    createDOMProps,
-    createCompileableStyle,
-    createReactDOMStyle,
-    i18Style,
-    atomic
-  });
-} else if (process.env.TAMAGUI_TARGET === "web") {
-  Object.assign(rnw, interopRequire(require("react-native-web").TamaguiExports));
-}
-export {
-  rnw
-};

package/dist/jsx/contexts/ButtonInsideButtonContext.js

@@ -1,5 +0,0 @@
-import { createContext } from "react";
-const ButtonInsideButtonContext = createContext(false);
-export {
-  ButtonInsideButtonContext
-};