@tamagui/core 1.0.1-beta.21 → 1.0.1-beta.210

package/dist/esm/createVariable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/createVariable.ts"],
-  "sourcesContent": ["import { isWeb } from './constants/platform'\n\nexport const IS_VARIABLE_SYMBOL = '__isVariable__'\n\nexport class Variable {\n  // because we have a separate node runtime we can't do instanceof\n  // ran into issues with this and it's potentially fixable but for now\n  // lets just do this\n  [IS_VARIABLE_SYMBOL] = true\n\n  name: string\n  val: string | number\n  variable: string | number\n\n  constructor({ val, name }: VariableIn) {\n    // converting to px breaks rn\n    this.val = isVariable(val) ? val.val : val\n    this.name = name\n    this.variable = isWeb ? createCSSVariable(name) : this.val\n  }\n\n  toString() {\n    return `${isWeb ? this.variable : this.val}`\n  }\n}\n\ntype VariableIn = { val: string | number | Variable; name: string }\n\nexport const createVariable = (props: VariableIn) => new Variable(props)\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return v instanceof Variable || (v && v[IS_VARIABLE_SYMBOL])\n}\n\nexport function getVariableValue(v: Variable | any) {\n  if (isVariable(v)) return v.val\n  return v\n}\n\nexport function getVariableName(v: Variable | any) {\n  if (isVariable(v)) return v.name\n  return v\n}\n\n// bugfix { space: { 0.5: 10 } } was generating var(--space-0.5) (invalid CSS):\nexport const createCSSVariable = (val: string, includeVar = true) => {\n  const name = val.replace(/[^a-z0-9\\_\\-]+/i, '_')\n  return includeVar ? `var(--${name})` : name\n}\n"],
-  "mappings": ";;AAAA;AAAA;AAEO,MAAM,qBAAqB;AAE3B,MAAM,SAAS;AAAA,EAUpB,YAAY,EAAE,KAAK,QAAoB;AANtC,eAAsB;AAQrB,SAAK,MAAM,WAAW,GAAG,IAAI,IAAI,MAAM;AACvC,SAAK,OAAO;AACZ,SAAK,WAAW,QAAQ,kBAAkB,IAAI,IAAI,KAAK;AAAA,EACzD;AAAA,EAEA,WAAW;AACT,WAAO,GAAG,QAAQ,KAAK,WAAW,KAAK;AAAA,EACzC;AACF;AApBO;AAJP,AAQG;AAoBI,MAAM,iBAAiB,wBAAC,UAAsB,IAAI,SAAS,KAAK,GAAzC;AAEvB,oBAAoB,GAAkC;AAC3D,SAAO,aAAa,YAAa,KAAK,EAAE;AAC1C;AAFgB;AAIT,0BAA0B,GAAmB;AAClD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAHgB;AAKT,yBAAyB,GAAmB;AACjD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAHgB;AAMT,MAAM,oBAAoB,wBAAC,KAAa,aAAa,SAAS;AACnE,QAAM,OAAO,IAAI,QAAQ,mBAAmB,GAAG;AAC/C,SAAO,aAAa,SAAS,UAAU;AACzC,GAHiC;",
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { simpleHash } from '@tamagui/helpers'\n\nimport { getConfig } from './config'\n\n/**\n * Should rename this to Token\n * Moving to objects for React Server Components support\n */\n\nconst IS_VAR = '__isVar__'\n\ntype VariableIn<A = any> = {\n  val: A\n  name: string\n  key: string\n  isFloating?: boolean\n}\n\nexport type Variable<A = any> = VariableIn<A> & {\n  [IS_VAR]?: true\n  variable?: string\n}\n\nexport const createVariable = <A extends string | number = any>(props: VariableIn<A>) => {\n  if (isVariable(props)) {\n    return props\n  }\n  return {\n    [IS_VAR]: true,\n    // @ts-ignore\n    ...props,\n    variable: isWeb ? createCSSVariable(props.name) : '',\n  }\n}\n\n// on the client maybe we can change the prototype of variable object toString to keep backwards compat\nexport function variableToString(vrble?: any, getValue = false) {\n  if (!vrble) return ''\n  if (isVariable(vrble)) {\n    if (getValue) return `${vrble.val}`\n    return `${isWeb ? vrble.variable : vrble.val}`\n  }\n  return `${vrble}`\n}\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return !!(v && v[IS_VAR])\n}\n\nexport function getVariable(nameOrVariable: Variable | string) {\n  if (isVariable(nameOrVariable)) {\n    return variableToString(nameOrVariable)\n  }\n  const tokens = getConfig().tokensParsed\n  return variableToString(tokens[nameOrVariable] ?? nameOrVariable)\n}\n\nexport function getVariableValue(v: Variable | any) {\n  if (isVariable(v)) return v.val\n  return v\n}\n\nexport function getVariableName(v: Variable | any) {\n  if (isVariable(v)) return v.name\n  return v\n}\n\nexport function getVariableVariable(v: Variable | any) {\n  if (isVariable(v)) return v.variable\n  return v\n}\n\n// bugfix { space: { 0.5: 10 } } was generating var(--space-0.5) (invalid CSS):\nexport const createCSSVariable = (nameProp: string, includeVar = true) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (!nameProp || typeof nameProp !== 'string') {\n      throw new Error(`createCSSVariable expected string: ${nameProp}`)\n    }\n  }\n  const name = simpleHash(nameProp, 60)\n  return includeVar ? `var(--${name})` : name\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAO1B,MAAM,SAAS;AAcR,MAAM,iBAAiB,CAAkC,UAAyB;AACvF,MAAI,WAAW,KAAK,GAAG;AACrB,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL,CAAC,SAAS;AAAA,IAEV,GAAG;AAAA,IACH,UAAU,QAAQ,kBAAkB,MAAM,IAAI,IAAI;AAAA,EACpD;AACF;AAGO,SAAS,iBAAiB,OAAa,WAAW,OAAO;AAC9D,MAAI,CAAC;AAAO,WAAO;AACnB,MAAI,WAAW,KAAK,GAAG;AACrB,QAAI;AAAU,aAAO,GAAG,MAAM;AAC9B,WAAO,GAAG,QAAQ,MAAM,WAAW,MAAM;AAAA,EAC3C;AACA,SAAO,GAAG;AACZ;AAEO,SAAS,WAAW,GAAkC;AAC3D,SAAO,CAAC,EAAE,KAAK,EAAE;AACnB;AAEO,SAAS,YAAY,gBAAmC;AAC7D,MAAI,WAAW,cAAc,GAAG;AAC9B,WAAO,iBAAiB,cAAc;AAAA,EACxC;AACA,QAAM,SAAS,UAAU,EAAE;AAC3B,SAAO,iBAAiB,OAAO,mBAAmB,cAAc;AAClE;AAEO,SAAS,iBAAiB,GAAmB;AAClD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAEO,SAAS,gBAAgB,GAAmB;AACjD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAEO,SAAS,oBAAoB,GAAmB;AACrD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAGO,MAAM,oBAAoB,CAAC,UAAkB,aAAa,SAAS;AACxE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,YAAY,OAAO,aAAa,UAAU;AAC7C,YAAM,IAAI,MAAM,sCAAsC,UAAU;AAAA,IAClE;AAAA,EACF;AACA,QAAM,OAAO,WAAW,UAAU,EAAE;AACpC,SAAO,aAAa,SAAS,UAAU;AACzC;",
   "names": []
 }

package/dist/esm/createVariables.js

@@ -0,0 +1,28 @@
+import { createVariable, isVariable } from "./createVariable";
+const createVariables = (tokens, parentPath = "", isFont = false) => {
+  const res = {};
+  let i = 0;
+  for (const key in tokens) {
+    i++;
+    const variableName = isFont ? key.slice(0, 2) : i;
+    const val = tokens[key];
+    if (isVariable(val)) {
+      res[key] = val;
+      continue;
+    }
+    let name = parentPath ? `${parentPath}-${variableName}` : key;
+    if (isFont && name.includes("_")) {
+      name = name.replace(/_[a-z0-9]+/i, "");
+    }
+    if (val && typeof val === "object") {
+      res[key] = createVariables(tokens[key], `${name}`);
+      continue;
+    }
+    res[key] = isVariable(val) ? val : createVariable({ val, name, key });
+  }
+  return res;
+};
+export {
+  createVariables
+};
+//# sourceMappingURL=createVariables.js.map

package/dist/esm/createVariables.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/createVariables.ts"],
+  "sourcesContent": ["import { Variable, createVariable, isVariable } from './createVariable'\n\ntype DeepTokenObject<Val extends string | number = any> = {\n  [key: string]: Val | DeepTokenObject<Val>\n}\n\nexport type DeepVariableObject<A extends DeepTokenObject> = {\n  [Key in keyof A]: A[Key] extends string | number\n    ? Variable<A[Key]>\n    : A[Key] extends DeepTokenObject\n    ? DeepVariableObject<A[Key]>\n    : never\n}\n\nexport const createVariables = <A extends DeepTokenObject>(\n  tokens: A,\n  parentPath = '',\n  isFont = false\n): DeepVariableObject<A> => {\n  const res: any = {}\n  let i = 0\n  for (const key in tokens) {\n    i++\n    const variableName = isFont ? key.slice(0, 2) : i\n    const val = tokens[key]\n    if (isVariable(val)) {\n      res[key] = val\n      continue\n    }\n    let name = parentPath ? `${parentPath}-${variableName}` : key\n    if (isFont && name.includes('_')) {\n      name = name.replace(/_[a-z0-9]+/i, '')\n    }\n    if (val && typeof val === 'object') {\n      // recurse\n      res[key] = createVariables(tokens[key] as any, `${name}`)\n      continue\n    }\n    res[key] = isVariable(val) ? val : createVariable({ val, name, key })\n  }\n  return res\n}\n"],
+  "mappings": "AAAA,SAAmB,gBAAgB,kBAAkB;AAc9C,MAAM,kBAAkB,CAC7B,QACA,aAAa,IACb,SAAS,UACiB;AAC1B,QAAM,MAAW,CAAC;AAClB,MAAI,IAAI;AACR,aAAW,OAAO,QAAQ;AACxB;AACA,UAAM,eAAe,SAAS,IAAI,MAAM,GAAG,CAAC,IAAI;AAChD,UAAM,MAAM,OAAO;AACnB,QAAI,WAAW,GAAG,GAAG;AACnB,UAAI,OAAO;AACX;AAAA,IACF;AACA,QAAI,OAAO,aAAa,GAAG,cAAc,iBAAiB;AAC1D,QAAI,UAAU,KAAK,SAAS,GAAG,GAAG;AAChC,aAAO,KAAK,QAAQ,eAAe,EAAE;AAAA,IACvC;AACA,QAAI,OAAO,OAAO,QAAQ,UAAU;AAElC,UAAI,OAAO,gBAAgB,OAAO,MAAa,GAAG,MAAM;AACxD;AAAA,IACF;AACA,QAAI,OAAO,WAAW,GAAG,IAAI,MAAM,eAAe,EAAE,KAAK,MAAM,IAAI,CAAC;AAAA,EACtE;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/helpers/RNComponents.js

@@ -1,11 +1,14 @@
-import * as ReactNative from "react-native";
-const RNComponents = /* @__PURE__ */ new WeakMap();
-for (const key of ["Image", "TextInput", "Text", "View"]) {
-  const val = ReactNative[key];
-  if (val && typeof val === "object") {
-    RNComponents.set(val, true);
-  }
-}
+import { Image, Text, TextInput, View } from "react-native";
+const RNComponents = /* @__PURE__ */ new Set([
+  Image,
+  TextInput,
+  Text,
+  View,
+  "Image",
+  "TextInput",
+  "Text",
+  "View"
+]);
 export {
   RNComponents
 };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/RNComponents.tsx"],
-  "sourcesContent": ["import * as ReactNative from 'react-native'\n\n// bye bye tree shaking... but only way to properly detect react-native components...\n// also neither rnw nor react support tree shaking atm\nexport const RNComponents = new WeakMap()\n\n// I was looping over all of them, but casuses deprecation warnings and there's only a few\n// we realistically support - lets whitelist rather than blacklist\nfor (const key of ['Image', 'TextInput', 'Text', 'View']) {\n  const val = ReactNative[key]\n  if (val && typeof val === 'object') {\n    RNComponents.set(val, true)\n  }\n}\n"],
-  "mappings": "AAAA;AAIO,MAAM,eAAe,oBAAI,QAAQ;AAIxC,WAAW,OAAO,CAAC,SAAS,aAAa,QAAQ,MAAM,GAAG;AACxD,QAAM,MAAM,YAAY;AACxB,MAAI,OAAO,OAAO,QAAQ,UAAU;AAClC,iBAAa,IAAI,KAAK,IAAI;AAAA,EAC5B;AACF;",
+  "sourcesContent": ["import { Image, Text, TextInput, View } from 'react-native'\n\n// limited support\nexport const RNComponents = new Set<any>([\n  Image,\n  TextInput,\n  Text,\n  View,\n  // see fake-react-native + styled() check\n  'Image',\n  'TextInput',\n  'Text',\n  'View',\n])\n"],
+  "mappings": "AAAA,SAAS,OAAO,MAAM,WAAW,YAAY;AAGtC,MAAM,eAAe,oBAAI,IAAS;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

package/dist/esm/{ThemeManager.js → helpers/ThemeManager.js}

@@ -1,32 +1,17 @@
-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";
+import { getThemes } from "../config";
+import { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from "../constants/constants";
+import { getThemeUnwrapped } from "../hooks/getThemeUnwrapped";
 class ThemeManager {
-  constructor(name = "", theme = null, parentManager = null) {
+  constructor(name = "", className = "", theme = null, parentManager = null, reset = false) {
     this.name = name;
+    this.className = className;
     this.theme = theme;
     this.parentManager = parentManager;
-    __privateAdd(this, _getClassName);
+    this.reset = reset;
     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) {
@@ -44,6 +29,9 @@ class ThemeManager {
       }
     }
   }
+  get didChangeTheme() {
+    return this.parentManager && this.name !== this.parentManager.fullName;
+  }
   get parentName() {
     var _a;
     return ((_a = this.parentManager) == null ? void 0 : _a.name) || null;
@@ -61,28 +49,42 @@ class ThemeManager {
         return theme[key];
       }
       manager = this.parentManager;
-      if (!manager) {
-        return;
-      }
-      if (manager.theme === theme) {
+      if (!manager || 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;
+  isTracking(uuid) {
+    var _a;
+    return Boolean((_a = this.keys.get(uuid)) == null ? void 0 : _a.size);
+  }
+  update({ name, theme, className } = {}, force = false, notify = true) {
+    if (!force) {
+      const nameChanged = name !== this.name;
+      if (!nameChanged) {
+        return false;
+      }
     }
-    this.className = className || null;
+    this.className = className || "";
     this.name = name || "";
     this.theme = theme;
-    this.notifyListeners();
+    if (notify) {
+      this.notify();
+    }
     return true;
   }
-  getNextTheme(opts = {}, props) {
-    const { themes = getThemes(), name, componentName } = opts;
+  getNextTheme(props = {}, debug) {
+    var _a;
+    const { themes = getThemes(), name, componentName } = props;
+    if (props.reset && name) {
+      return {
+        name,
+        theme: themes[name],
+        className: this.getCN(name)
+      };
+    }
+    const parentIsReset = (_a = this.parentManager) == null ? void 0 : _a.reset;
     if (!name) {
       if (componentName) {
         const names = [
@@ -91,29 +93,27 @@ class ThemeManager {
         ];
         for (const name2 of names) {
           if (name2 in themes) {
-            return { name: name2, theme: themes[name2], className: __privateMethod(this, _getClassName, getClassName_fn).call(this, name2) };
+            const className = this.getCN(name2);
+            return { name: name2, theme: themes[name2], className };
           }
         }
       }
       return {
         name: this.name,
-        theme: this.theme
+        theme: this.theme,
+        className: this.className
       };
     }
     let nextName = name || this.name || "";
-    let parentName = this.fullName;
+    let parentName = parentIsReset ? this.parentName || this.fullName : this.fullName;
     while (true) {
-      if (nextName in themes) {
+      if (nextName in themes)
         break;
-      }
       nextName = `${parentName}_${name}`;
-      if (nextName in themes) {
+      if (nextName in themes)
         break;
-      }
-      if (!parentName.includes(THEME_NAME_SEPARATOR)) {
-        console.warn("theme not found", name);
+      if (!parentName.includes(THEME_NAME_SEPARATOR))
         break;
-      }
       parentName = parentName.slice(0, parentName.lastIndexOf(THEME_NAME_SEPARATOR));
     }
     if (componentName) {
@@ -131,21 +131,26 @@ class ThemeManager {
     if (!theme) {
       theme = themes[`light_${nextName}`];
     }
-    if (process.env.NODE_ENV === "development" && props && props["debug"]) {
-      console.log("getNextTheme", { name: opts.name, nextName, parentName });
+    if (process.env.NODE_ENV === "development") {
+      if (debug) {
+        console.log("getNextTheme", this.getCN(nextName), { props, nextName, parentName });
+      }
     }
     return {
       name: nextName,
-      theme,
-      className: __privateMethod(this, _getClassName, getClassName_fn).call(this, nextName)
+      theme: getThemeUnwrapped(theme),
+      className: this.getCN(nextName)
     };
   }
+  getCN(name) {
+    return `${THEME_CLASSNAME_PREFIX}${name} t_Theme`.replace("light_", "").replace("dark_", "");
+  }
   track(uuid, keys) {
     if (!this.name)
       return;
     this.keys.set(uuid, keys);
   }
-  notifyListeners() {
+  notify() {
     var _a;
     if (!this.name) {
       this.keys.clear();
@@ -163,22 +168,10 @@ class ThemeManager {
       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");
+const withoutComponentName = (name) => name.replace(/(\_[A-Z][a-zA-Z]+)+$/g, "");
 export {
   ThemeManager,
   ThemeManagerContext,

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/ThemeManager.tsx"],
+  "sourcesContent": ["import { createContext } from 'react'\n\nimport { getThemes } from '../config'\nimport { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants'\nimport { getThemeUnwrapped } from '../hooks/getThemeUnwrapped'\nimport { ThemeParsed, Themes } from '../types'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport type SetActiveThemeProps = {\n  className?: string\n  parentManager?: ThemeManager | null\n  name?: string | null\n  theme?: any\n}\n\nexport type GetNextThemeProps = {\n  themes?: Themes\n  name?: string | null\n  componentName?: string | null\n  reset?: boolean\n}\n\nexport class ThemeManager {\n  keys = new Map<any, Set<string>>()\n  listeners = new Map<any, Function>()\n  themeListeners = new Set<ThemeListener>()\n\n  constructor(\n    public name: string = '',\n    public className: string = '',\n    public theme: ThemeParsed | null = null,\n    public parentManager: ThemeManager | null = null,\n    public reset: boolean = false\n  ) {\n    // find the nearest different parentManager\n    let parent = parentManager\n    let tries = 0\n    while (true) {\n      tries++\n      if (tries > 10) {\n        throw new Error(`Nested 10 of the same theme in a row, likely error`)\n      }\n      if (!parent) break\n      if (parent.name === name) {\n        // go up if same\n        parent = parent.parentManager\n      } else {\n        this.parentManager = parent\n        break\n      }\n    }\n  }\n\n  get didChangeTheme() {\n    return this.parentManager && this.name !== this.parentManager.fullName\n  }\n\n  get parentName() {\n    return this.parentManager?.name || null\n  }\n\n  get fullName(): string {\n    return this.getNextTheme().name || this.name || ''\n    // const parentName = this.parentManager?.fullName || ''\n    // const name = this.name || ''\n    // const parts = [...new Set([...`${parentName}_${name}`.split('_')])].filter(Boolean)\n    // return parts.join('_')\n  }\n\n  // gets value going up to parents\n  getValue(key: string) {\n    let theme = this.theme\n    let manager = this as ThemeManager | null\n    while (true) {\n      if (!theme) return\n      if (key in theme) {\n        return theme[key]\n      }\n      manager = this.parentManager\n      if (!manager || manager.theme === theme) {\n        return\n      }\n      theme = manager.theme\n    }\n  }\n\n  isTracking(uuid: Object) {\n    return Boolean(this.keys.get(uuid)?.size)\n  }\n\n  update({ name, theme, className }: SetActiveThemeProps = {}, force = false, notify = true) {\n    if (!force) {\n      // className compare on web, avoids light/dark re-renders\n      const nameChanged = name !== this.name\n      if (!nameChanged) {\n        return false\n      }\n    }\n    this.className = className || ''\n    this.name = name || ''\n    this.theme = theme\n    if (notify) {\n      this.notify()\n    }\n    return true\n  }\n\n  getNextTheme(\n    props: GetNextThemeProps = {},\n    debug?: any\n  ): {\n    name: string\n    theme: ThemeParsed | null\n    className: string | undefined\n  } {\n    const { themes = getThemes(), name, componentName } = props\n\n    if (props.reset && name) {\n      return {\n        name: name,\n        theme: themes[name] as ThemeParsed,\n        className: this.getCN(name),\n      }\n    }\n\n    const parentIsReset = this.parentManager?.reset\n\n    if (!name) {\n      if (componentName) {\n        // allow for _Card_Button or just _Button\n        const names = [\n          `${this.name}_${componentName}`,\n          `${withoutComponentName(this.name)}_${componentName}`,\n        ]\n        for (const name of names) {\n          if (name in themes) {\n            const className = this.getCN(name)\n            return { name, theme: themes[name], className }\n          }\n        }\n      }\n      return {\n        name: this.name,\n        theme: this.theme,\n        className: this.className,\n      }\n    }\n\n    let nextName = name || this.name || ''\n    let parentName = parentIsReset ? this.parentName || this.fullName : this.fullName\n\n    while (true) {\n      if (nextName in themes) break\n      nextName = `${parentName}_${name}`\n      if (nextName in themes) break\n      // this is fine - some themes can not have parents\n      if (!parentName.includes(THEME_NAME_SEPARATOR)) break\n      // go up one\n      parentName = parentName.slice(0, parentName.lastIndexOf(THEME_NAME_SEPARATOR))\n    }\n\n    if (componentName) {\n      // allow for _Card_Button or just _Button\n      const names = [\n        `${nextName}_${componentName}`,\n        `${withoutComponentName(nextName)}_${componentName}`,\n      ]\n      for (const name of names) {\n        if (name in themes) {\n          nextName = name\n        }\n      }\n    }\n\n    let theme = themes[nextName]\n    if (!theme) {\n      theme = themes[`light_${nextName}`]\n    }\n\n    if (process.env.NODE_ENV === 'development') {\n      if (debug) {\n        // eslint-disable-next-line no-console\n        console.log('getNextTheme', this.getCN(nextName), { props, nextName, parentName })\n      }\n    }\n\n    return {\n      name: nextName,\n      theme: getThemeUnwrapped(theme),\n      className: this.getCN(nextName),\n    }\n  }\n\n  getCN(name: string) {\n    return `${THEME_CLASSNAME_PREFIX}${name} t_Theme`.replace('light_', '').replace('dark_', '')\n  }\n\n  track(uuid: any, keys: Set<string>) {\n    if (!this.name) return\n    this.keys.set(uuid, keys)\n  }\n\n  notify() {\n    if (!this.name) {\n      this.keys.clear()\n    }\n    for (const [uuid, keys] of this.keys.entries()) {\n      if (keys.size) {\n        this.listeners.get(uuid)?.()\n      }\n    }\n    this.themeListeners.forEach((cb) => cb(this.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n}\n\nexport const ThemeManagerContext = createContext<ThemeManager | null>(null)\nexport const emptyManager = new ThemeManager()\n\nconst withoutComponentName = (name: string) => name.replace(/(\\_[A-Z][a-zA-Z]+)+$/g, '')\n"],
+  "mappings": "AAAA,SAAS,qBAAqB;AAE9B,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB,4BAA4B;AAC7D,SAAS,yBAAyB;AAmB3B,MAAM,aAAa;AAAA,EAKxB,YACS,OAAe,IACf,YAAoB,IACpB,QAA4B,MAC5B,gBAAqC,MACrC,QAAiB,OACxB;AALO;AACA;AACA;AACA;AACA;AATT,gBAAO,oBAAI,IAAsB;AACjC,qBAAY,oBAAI,IAAmB;AACnC,0BAAiB,oBAAI,IAAmB;AAUtC,QAAI,SAAS;AACb,QAAI,QAAQ;AACZ,WAAO,MAAM;AACX;AACA,UAAI,QAAQ,IAAI;AACd,cAAM,IAAI,MAAM,oDAAoD;AAAA,MACtE;AACA,UAAI,CAAC;AAAQ;AACb,UAAI,OAAO,SAAS,MAAM;AAExB,iBAAS,OAAO;AAAA,MAClB,OAAO;AACL,aAAK,gBAAgB;AACrB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,IAAI,iBAAiB;AACnB,WAAO,KAAK,iBAAiB,KAAK,SAAS,KAAK,cAAc;AAAA,EAChE;AAAA,EAEA,IAAI,aAAa;AA1DnB;AA2DI,aAAO,UAAK,kBAAL,mBAAoB,SAAQ;AAAA,EACrC;AAAA,EAEA,IAAI,WAAmB;AACrB,WAAO,KAAK,aAAa,EAAE,QAAQ,KAAK,QAAQ;AAAA,EAKlD;AAAA,EAGA,SAAS,KAAa;AACpB,QAAI,QAAQ,KAAK;AACjB,QAAI,UAAU;AACd,WAAO,MAAM;AACX,UAAI,CAAC;AAAO;AACZ,UAAI,OAAO,OAAO;AAChB,eAAO,MAAM;AAAA,MACf;AACA,gBAAU,KAAK;AACf,UAAI,CAAC,WAAW,QAAQ,UAAU,OAAO;AACvC;AAAA,MACF;AACA,cAAQ,QAAQ;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,WAAW,MAAc;AAvF3B;AAwFI,WAAO,SAAQ,UAAK,KAAK,IAAI,IAAI,MAAlB,mBAAqB,IAAI;AAAA,EAC1C;AAAA,EAEA,OAAO,EAAE,MAAM,OAAO,UAAU,IAAyB,CAAC,GAAG,QAAQ,OAAO,SAAS,MAAM;AACzF,QAAI,CAAC,OAAO;AAEV,YAAM,cAAc,SAAS,KAAK;AAClC,UAAI,CAAC,aAAa;AAChB,eAAO;AAAA,MACT;AAAA,IACF;AACA,SAAK,YAAY,aAAa;AAC9B,SAAK,OAAO,QAAQ;AACpB,SAAK,QAAQ;AACb,QAAI,QAAQ;AACV,WAAK,OAAO;AAAA,IACd;AACA,WAAO;AAAA,EACT;AAAA,EAEA,aACE,QAA2B,CAAC,GAC5B,OAKA;AAnHJ;AAoHI,UAAM,EAAE,SAAS,UAAU,GAAG,MAAM,cAAc,IAAI;AAEtD,QAAI,MAAM,SAAS,MAAM;AACvB,aAAO;AAAA,QACL;AAAA,QACA,OAAO,OAAO;AAAA,QACd,WAAW,KAAK,MAAM,IAAI;AAAA,MAC5B;AAAA,IACF;AAEA,UAAM,iBAAgB,UAAK,kBAAL,mBAAoB;AAE1C,QAAI,CAAC,MAAM;AACT,UAAI,eAAe;AAEjB,cAAM,QAAQ;AAAA,UACZ,GAAG,KAAK,QAAQ;AAAA,UAChB,GAAG,qBAAqB,KAAK,IAAI,KAAK;AAAA,QACxC;AACA,mBAAWA,SAAQ,OAAO;AACxB,cAAIA,SAAQ,QAAQ;AAClB,kBAAM,YAAY,KAAK,MAAMA,KAAI;AACjC,mBAAO,EAAE,MAAAA,OAAM,OAAO,OAAOA,QAAO,UAAU;AAAA,UAChD;AAAA,QACF;AAAA,MACF;AACA,aAAO;AAAA,QACL,MAAM,KAAK;AAAA,QACX,OAAO,KAAK;AAAA,QACZ,WAAW,KAAK;AAAA,MAClB;AAAA,IACF;AAEA,QAAI,WAAW,QAAQ,KAAK,QAAQ;AACpC,QAAI,aAAa,gBAAgB,KAAK,cAAc,KAAK,WAAW,KAAK;AAEzE,WAAO,MAAM;AACX,UAAI,YAAY;AAAQ;AACxB,iBAAW,GAAG,cAAc;AAC5B,UAAI,YAAY;AAAQ;AAExB,UAAI,CAAC,WAAW,SAAS,oBAAoB;AAAG;AAEhD,mBAAa,WAAW,MAAM,GAAG,WAAW,YAAY,oBAAoB,CAAC;AAAA,IAC/E;AAEA,QAAI,eAAe;AAEjB,YAAM,QAAQ;AAAA,QACZ,GAAG,YAAY;AAAA,QACf,GAAG,qBAAqB,QAAQ,KAAK;AAAA,MACvC;AACA,iBAAWA,SAAQ,OAAO;AACxB,YAAIA,SAAQ,QAAQ;AAClB,qBAAWA;AAAA,QACb;AAAA,MACF;AAAA,IACF;AAEA,QAAI,QAAQ,OAAO;AACnB,QAAI,CAAC,OAAO;AACV,cAAQ,OAAO,SAAS;AAAA,IAC1B;AAEA,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,UAAI,OAAO;AAET,gBAAQ,IAAI,gBAAgB,KAAK,MAAM,QAAQ,GAAG,EAAE,OAAO,UAAU,WAAW,CAAC;AAAA,MACnF;AAAA,IACF;AAEA,WAAO;AAAA,MACL,MAAM;AAAA,MACN,OAAO,kBAAkB,KAAK;AAAA,MAC9B,WAAW,KAAK,MAAM,QAAQ;AAAA,IAChC;AAAA,EACF;AAAA,EAEA,MAAM,MAAc;AAClB,WAAO,GAAG,yBAAyB,eAAe,QAAQ,UAAU,EAAE,EAAE,QAAQ,SAAS,EAAE;AAAA,EAC7F;AAAA,EAEA,MAAM,MAAW,MAAmB;AAClC,QAAI,CAAC,KAAK;AAAM;AAChB,SAAK,KAAK,IAAI,MAAM,IAAI;AAAA,EAC1B;AAAA,EAEA,SAAS;AA3MX;AA4MI,QAAI,CAAC,KAAK,MAAM;AACd,WAAK,KAAK,MAAM;AAAA,IAClB;AACA,eAAW,CAAC,MAAM,IAAI,KAAK,KAAK,KAAK,QAAQ,GAAG;AAC9C,UAAI,KAAK,MAAM;AACb,mBAAK,UAAU,IAAI,IAAI,MAAvB;AAAA,MACF;AAAA,IACF;AACA,SAAK,eAAe,QAAQ,CAAC,OAAO,GAAG,KAAK,MAAM,IAAI,CAAC;AAAA,EACzD;AAAA,EAEA,cAAc,IAAmB;AAC/B,SAAK,eAAe,IAAI,EAAE;AAC1B,WAAO,MAAM;AACX,WAAK,eAAe,OAAO,EAAE;AAAA,IAC/B;AAAA,EACF;AACF;AAEO,MAAM,sBAAsB,cAAmC,IAAI;AACnE,MAAM,eAAe,IAAI,aAAa;AAE7C,MAAM,uBAAuB,CAAC,SAAiB,KAAK,QAAQ,yBAAyB,EAAE;",
+  "names": ["name"]
+}

package/dist/esm/helpers/areEqualSets.js

@@ -1,6 +1,4 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-const areEqualSets = /* @__PURE__ */ __name((a, b) => {
+const areEqualSets = (a, b) => {
   if (a.size !== b.size)
     return false;
   for (const val in a) {
@@ -9,7 +7,7 @@ const areEqualSets = /* @__PURE__ */ __name((a, b) => {
     }
   }
   return true;
-}, "areEqualSets");
+};
 export {
   areEqualSets
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/areEqualSets.tsx"],
   "sourcesContent": ["export const 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"],
-  "mappings": ";;AAAO,MAAM,eAAe,wBAAC,GAAgB,MAAmB;AAC9D,MAAI,EAAE,SAAS,EAAE;AAAM,WAAO;AAC9B,aAAW,OAAO,GAAG;AACnB,QAAI,CAAC,EAAE,IAAI,GAAG,GAAG;AACf,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT,GAR4B;",
+  "mappings": "AAAO,MAAM,eAAe,CAAC,GAAgB,MAAmB;AAC9D,MAAI,EAAE,SAAS,EAAE;AAAM,WAAO;AAC9B,aAAW,OAAO,GAAG;AACnB,QAAI,CAAC,EAAE,IAAI,GAAG,GAAG;AACf,aAAO;AAAA,IACT;AAAA,EACF;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/esm/helpers/assignNativePropsToWeb.js

@@ -0,0 +1,164 @@
+import { accessibilityRoleToWebRole, processIDRefList } from "../createComponent";
+function assignNativePropsToWeb(elementType, viewProps, nativeProps) {
+  if (!viewProps.role && nativeProps.accessibilityRole) {
+    if (nativeProps.accessibilityRole === "none") {
+      viewProps.role = "presentation";
+    } else {
+      const webRole = accessibilityRoleToWebRole[nativeProps.accessibilityRole];
+      if (webRole != null) {
+        viewProps.role = webRole || nativeProps.accessibilityRole;
+      }
+    }
+  }
+  if (nativeProps.accessibilityActiveDescendant != null) {
+    viewProps["aria-activedescendant"] = nativeProps.accessibilityActiveDescendant;
+  }
+  if (nativeProps.accessibilityAtomic != null) {
+    viewProps["aria-atomic"] = nativeProps.accessibilityAtomic;
+  }
+  if (nativeProps.accessibilityAutoComplete != null) {
+    viewProps["aria-autocomplete"] = nativeProps.accessibilityAutoComplete;
+  }
+  if (nativeProps.accessibilityBusy != null) {
+    viewProps["aria-busy"] = nativeProps.accessibilityBusy;
+  }
+  if (nativeProps.accessibilityChecked != null) {
+    viewProps["aria-checked"] = nativeProps.accessibilityChecked;
+  }
+  if (nativeProps.accessibilityColumnCount != null) {
+    viewProps["aria-colcount"] = nativeProps.accessibilityColumnCount;
+  }
+  if (nativeProps.accessibilityColumnIndex != null) {
+    viewProps["aria-colindex"] = nativeProps.accessibilityColumnIndex;
+  }
+  if (nativeProps.accessibilityColumnSpan != null) {
+    viewProps["aria-colspan"] = nativeProps.accessibilityColumnSpan;
+  }
+  if (nativeProps.accessibilityControls != null) {
+    viewProps["aria-controls"] = processIDRefList(nativeProps.accessibilityControls);
+  }
+  if (nativeProps.accessibilityCurrent != null) {
+    viewProps["aria-current"] = nativeProps.accessibilityCurrent;
+  }
+  if (nativeProps.accessibilityDescribedBy != null) {
+    viewProps["aria-describedby"] = processIDRefList(nativeProps.accessibilityDescribedBy);
+  }
+  if (nativeProps.accessibilityDetails != null) {
+    viewProps["aria-details"] = nativeProps.accessibilityDetails;
+  }
+  if (nativeProps.disabled === true) {
+    viewProps["aria-disabled"] = true;
+    if (elementType === "button" || elementType === "form" || elementType === "input" || elementType === "select" || elementType === "textarea") {
+      viewProps.disabled = true;
+    }
+  }
+  if (nativeProps.accessibilityErrorMessage != null) {
+    viewProps["aria-errormessage"] = nativeProps.accessibilityErrorMessage;
+  }
+  if (nativeProps.accessibilityExpanded != null) {
+    viewProps["aria-expanded"] = nativeProps.accessibilityExpanded;
+  }
+  if (nativeProps.accessibilityFlowTo != null) {
+    viewProps["aria-flowto"] = processIDRefList(nativeProps.accessibilityFlowTo);
+  }
+  if (nativeProps.accessibilityHasPopup != null) {
+    viewProps["aria-haspopup"] = nativeProps.accessibilityHasPopup;
+  }
+  if (nativeProps.accessibilityHidden === true) {
+    viewProps["aria-hidden"] = nativeProps.accessibilityHidden;
+  }
+  if (nativeProps.accessibilityInvalid != null) {
+    viewProps["aria-invalid"] = nativeProps.accessibilityInvalid;
+  }
+  if (nativeProps.accessibilityKeyShortcuts != null && Array.isArray(nativeProps.accessibilityKeyShortcuts)) {
+    viewProps["aria-keyshortcuts"] = nativeProps.accessibilityKeyShortcuts.join(" ");
+  }
+  if (nativeProps.accessibilityLabel != null) {
+    viewProps["aria-label"] = nativeProps.accessibilityLabel;
+  }
+  if (nativeProps.accessibilityLabelledBy != null) {
+    viewProps["aria-labelledby"] = processIDRefList(nativeProps.accessibilityLabelledBy);
+  }
+  if (nativeProps.accessibilityLevel != null) {
+    viewProps["aria-level"] = nativeProps.accessibilityLevel;
+  }
+  if (nativeProps.accessibilityLiveRegion != null) {
+    viewProps["aria-live"] = nativeProps.accessibilityLiveRegion === "none" ? "off" : nativeProps.accessibilityLiveRegion;
+  }
+  if (nativeProps.accessibilityModal != null) {
+    viewProps["aria-modal"] = nativeProps.accessibilityModal;
+  }
+  if (nativeProps.accessibilityMultiline != null) {
+    viewProps["aria-multiline"] = nativeProps.accessibilityMultiline;
+  }
+  if (nativeProps.accessibilityMultiSelectable != null) {
+    viewProps["aria-multiselectable"] = nativeProps.accessibilityMultiSelectable;
+  }
+  if (nativeProps.accessibilityOrientation != null) {
+    viewProps["aria-orientation"] = nativeProps.accessibilityOrientation;
+  }
+  if (nativeProps.accessibilityOwns != null) {
+    viewProps["aria-owns"] = processIDRefList(nativeProps.accessibilityOwns);
+  }
+  if (nativeProps.accessibilityPlaceholder != null) {
+    viewProps["aria-placeholder"] = nativeProps.accessibilityPlaceholder;
+  }
+  if (nativeProps.accessibilityPosInSet != null) {
+    viewProps["aria-posinset"] = nativeProps.accessibilityPosInSet;
+  }
+  if (nativeProps.accessibilityPressed != null) {
+    viewProps["aria-pressed"] = nativeProps.accessibilityPressed;
+  }
+  if (nativeProps.accessibilityReadOnly != null) {
+    viewProps["aria-readonly"] = nativeProps.accessibilityReadOnly;
+    if (elementType === "input" || elementType === "select" || elementType === "textarea") {
+      viewProps.readOnly = true;
+    }
+  }
+  if (nativeProps.accessibilityRequired != null) {
+    viewProps["aria-required"] = nativeProps.accessibilityRequired;
+    if (elementType === "input" || elementType === "select" || elementType === "textarea") {
+      viewProps.required = true;
+    }
+  }
+  if (nativeProps.accessibilityRoleDescription != null) {
+    viewProps["aria-roledescription"] = nativeProps.accessibilityRoleDescription;
+  }
+  if (nativeProps.accessibilityRowCount != null) {
+    viewProps["aria-rowcount"] = nativeProps.accessibilityRowCount;
+  }
+  if (nativeProps.accessibilityRowIndex != null) {
+    viewProps["aria-rowindex"] = nativeProps.accessibilityRowIndex;
+  }
+  if (nativeProps.accessibilityRowSpan != null) {
+    viewProps["aria-rowspan"] = nativeProps.accessibilityRowSpan;
+  }
+  if (nativeProps.accessibilitySelected != null) {
+    viewProps["aria-selected"] = nativeProps.accessibilitySelected;
+  }
+  if (nativeProps.accessibilitySetSize != null) {
+    viewProps["aria-setsize"] = nativeProps.accessibilitySetSize;
+  }
+  if (nativeProps.accessibilitySort != null) {
+    viewProps["aria-sort"] = nativeProps.accessibilitySort;
+  }
+  if (nativeProps.accessibilityValueMax != null) {
+    viewProps["aria-valuemax"] = nativeProps.accessibilityValueMax;
+  }
+  if (nativeProps.accessibilityValueMin != null) {
+    viewProps["aria-valuemin"] = nativeProps.accessibilityValueMin;
+  }
+  if (nativeProps.accessibilityValueNow != null) {
+    viewProps["aria-valuenow"] = nativeProps.accessibilityValueNow;
+  }
+  if (nativeProps.accessibilityValueText != null) {
+    viewProps["aria-valuetext"] = nativeProps.accessibilityValueText;
+  }
+  if (nativeProps.nativeID) {
+    viewProps.id = nativeProps.nativeID;
+  }
+}
+export {
+  assignNativePropsToWeb
+};
+//# sourceMappingURL=assignNativePropsToWeb.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/assignNativePropsToWeb.tsx"],
+  "sourcesContent": ["import { accessibilityRoleToWebRole, processIDRefList } from '../createComponent'\n\n// adapted from react-native-web\n\nexport function assignNativePropsToWeb(elementType: string, viewProps: any, nativeProps: any) {\n  if (!viewProps.role && nativeProps.accessibilityRole) {\n    if (nativeProps.accessibilityRole === 'none') {\n      viewProps.role = 'presentation'\n    } else {\n      const webRole = accessibilityRoleToWebRole[nativeProps.accessibilityRole]\n      if (webRole != null) {\n        viewProps.role = webRole || nativeProps.accessibilityRole\n      }\n    }\n  }\n\n  if (nativeProps.accessibilityActiveDescendant != null) {\n    viewProps['aria-activedescendant'] = nativeProps.accessibilityActiveDescendant\n  }\n  if (nativeProps.accessibilityAtomic != null) {\n    viewProps['aria-atomic'] = nativeProps.accessibilityAtomic\n  }\n  if (nativeProps.accessibilityAutoComplete != null) {\n    viewProps['aria-autocomplete'] = nativeProps.accessibilityAutoComplete\n  }\n  if (nativeProps.accessibilityBusy != null) {\n    viewProps['aria-busy'] = nativeProps.accessibilityBusy\n  }\n  if (nativeProps.accessibilityChecked != null) {\n    viewProps['aria-checked'] = nativeProps.accessibilityChecked\n  }\n  if (nativeProps.accessibilityColumnCount != null) {\n    viewProps['aria-colcount'] = nativeProps.accessibilityColumnCount\n  }\n  if (nativeProps.accessibilityColumnIndex != null) {\n    viewProps['aria-colindex'] = nativeProps.accessibilityColumnIndex\n  }\n  if (nativeProps.accessibilityColumnSpan != null) {\n    viewProps['aria-colspan'] = nativeProps.accessibilityColumnSpan\n  }\n  if (nativeProps.accessibilityControls != null) {\n    viewProps['aria-controls'] = processIDRefList(nativeProps.accessibilityControls)\n  }\n  if (nativeProps.accessibilityCurrent != null) {\n    viewProps['aria-current'] = nativeProps.accessibilityCurrent\n  }\n  if (nativeProps.accessibilityDescribedBy != null) {\n    viewProps['aria-describedby'] = processIDRefList(nativeProps.accessibilityDescribedBy)\n  }\n  if (nativeProps.accessibilityDetails != null) {\n    viewProps['aria-details'] = nativeProps.accessibilityDetails\n  }\n  if (nativeProps.disabled === true) {\n    viewProps['aria-disabled'] = true\n    // Enhance with native semantics\n    if (\n      elementType === 'button' ||\n      elementType === 'form' ||\n      elementType === 'input' ||\n      elementType === 'select' ||\n      elementType === 'textarea'\n    ) {\n      viewProps.disabled = true\n    }\n  }\n  if (nativeProps.accessibilityErrorMessage != null) {\n    viewProps['aria-errormessage'] = nativeProps.accessibilityErrorMessage\n  }\n  if (nativeProps.accessibilityExpanded != null) {\n    viewProps['aria-expanded'] = nativeProps.accessibilityExpanded\n  }\n  if (nativeProps.accessibilityFlowTo != null) {\n    viewProps['aria-flowto'] = processIDRefList(nativeProps.accessibilityFlowTo)\n  }\n  if (nativeProps.accessibilityHasPopup != null) {\n    viewProps['aria-haspopup'] = nativeProps.accessibilityHasPopup\n  }\n  if (nativeProps.accessibilityHidden === true) {\n    viewProps['aria-hidden'] = nativeProps.accessibilityHidden\n  }\n  if (nativeProps.accessibilityInvalid != null) {\n    viewProps['aria-invalid'] = nativeProps.accessibilityInvalid\n  }\n  if (\n    nativeProps.accessibilityKeyShortcuts != null &&\n    Array.isArray(nativeProps.accessibilityKeyShortcuts)\n  ) {\n    viewProps['aria-keyshortcuts'] = nativeProps.accessibilityKeyShortcuts.join(' ')\n  }\n  if (nativeProps.accessibilityLabel != null) {\n    viewProps['aria-label'] = nativeProps.accessibilityLabel\n  }\n  if (nativeProps.accessibilityLabelledBy != null) {\n    viewProps['aria-labelledby'] = processIDRefList(nativeProps.accessibilityLabelledBy)\n  }\n  if (nativeProps.accessibilityLevel != null) {\n    viewProps['aria-level'] = nativeProps.accessibilityLevel\n  }\n  if (nativeProps.accessibilityLiveRegion != null) {\n    viewProps['aria-live'] =\n      nativeProps.accessibilityLiveRegion === 'none' ? 'off' : nativeProps.accessibilityLiveRegion\n  }\n  if (nativeProps.accessibilityModal != null) {\n    viewProps['aria-modal'] = nativeProps.accessibilityModal\n  }\n  if (nativeProps.accessibilityMultiline != null) {\n    viewProps['aria-multiline'] = nativeProps.accessibilityMultiline\n  }\n  if (nativeProps.accessibilityMultiSelectable != null) {\n    viewProps['aria-multiselectable'] = nativeProps.accessibilityMultiSelectable\n  }\n  if (nativeProps.accessibilityOrientation != null) {\n    viewProps['aria-orientation'] = nativeProps.accessibilityOrientation\n  }\n  if (nativeProps.accessibilityOwns != null) {\n    viewProps['aria-owns'] = processIDRefList(nativeProps.accessibilityOwns)\n  }\n  if (nativeProps.accessibilityPlaceholder != null) {\n    viewProps['aria-placeholder'] = nativeProps.accessibilityPlaceholder\n  }\n  if (nativeProps.accessibilityPosInSet != null) {\n    viewProps['aria-posinset'] = nativeProps.accessibilityPosInSet\n  }\n  if (nativeProps.accessibilityPressed != null) {\n    viewProps['aria-pressed'] = nativeProps.accessibilityPressed\n  }\n  if (nativeProps.accessibilityReadOnly != null) {\n    viewProps['aria-readonly'] = nativeProps.accessibilityReadOnly\n    // Enhance with native semantics\n    if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n      viewProps.readOnly = true\n    }\n  }\n  if (nativeProps.accessibilityRequired != null) {\n    viewProps['aria-required'] = nativeProps.accessibilityRequired\n    // Enhance with native semantics\n    if (elementType === 'input' || elementType === 'select' || elementType === 'textarea') {\n      viewProps.required = true\n    }\n  }\n  if (nativeProps.accessibilityRoleDescription != null) {\n    viewProps['aria-roledescription'] = nativeProps.accessibilityRoleDescription\n  }\n  if (nativeProps.accessibilityRowCount != null) {\n    viewProps['aria-rowcount'] = nativeProps.accessibilityRowCount\n  }\n  if (nativeProps.accessibilityRowIndex != null) {\n    viewProps['aria-rowindex'] = nativeProps.accessibilityRowIndex\n  }\n  if (nativeProps.accessibilityRowSpan != null) {\n    viewProps['aria-rowspan'] = nativeProps.accessibilityRowSpan\n  }\n  if (nativeProps.accessibilitySelected != null) {\n    viewProps['aria-selected'] = nativeProps.accessibilitySelected\n  }\n  if (nativeProps.accessibilitySetSize != null) {\n    viewProps['aria-setsize'] = nativeProps.accessibilitySetSize\n  }\n  if (nativeProps.accessibilitySort != null) {\n    viewProps['aria-sort'] = nativeProps.accessibilitySort\n  }\n  if (nativeProps.accessibilityValueMax != null) {\n    viewProps['aria-valuemax'] = nativeProps.accessibilityValueMax\n  }\n  if (nativeProps.accessibilityValueMin != null) {\n    viewProps['aria-valuemin'] = nativeProps.accessibilityValueMin\n  }\n  if (nativeProps.accessibilityValueNow != null) {\n    viewProps['aria-valuenow'] = nativeProps.accessibilityValueNow\n  }\n  if (nativeProps.accessibilityValueText != null) {\n    viewProps['aria-valuetext'] = nativeProps.accessibilityValueText\n  }\n\n  if (nativeProps.nativeID) {\n    viewProps.id = nativeProps.nativeID\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,6 @@
+function assignNativePropsToWeb(elementType, viewProps, nativeProps) {
+}
+export {
+  assignNativePropsToWeb
+};
+//# sourceMappingURL=assignNativePropsToWeb.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/assignNativePropsToWeb.native.tsx"],
+  "sourcesContent": ["export function assignNativePropsToWeb(elementType: string, viewProps: any, nativeProps: any) {}\n"],
+  "mappings": "AAAO,SAAS,uBAAuB,aAAqB,WAAgB,aAAkB;AAAC;",
+  "names": []
+}

package/dist/esm/helpers/cache.js

@@ -0,0 +1,18 @@
+class Cache {
+  constructor() {
+    this.v = {};
+  }
+  get(key, valStr) {
+    var _a;
+    return (_a = this.v[key]) == null ? void 0 : _a[valStr];
+  }
+  set(key, valStr, object) {
+    this.v[key] ??= {};
+    this.v[key][valStr] = object;
+  }
+}
+const cache = new Cache();
+export {
+  cache
+};
+//# sourceMappingURL=cache.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/cache.ts"],
+  "sourcesContent": ["type Value = Object | Array<any> | string | number\n\nexport type Style = { [key: string]: Value }\n\nclass Cache {\n  v: Record<string, any> = {}\n\n  get(key: string, valStr: string) {\n    return this.v[key]?.[valStr]\n  }\n\n  set(key: string, valStr: string, object: any) {\n    this.v[key] ??= {}\n    this.v[key][valStr] = object\n  }\n}\n\nexport const cache = new Cache()\n"],
+  "mappings": "AAIA,MAAM,MAAM;AAAA,EAAZ;AACE,aAAyB,CAAC;AAAA;AAAA,EAE1B,IAAI,KAAa,QAAgB;AAPnC;AAQI,YAAO,UAAK,EAAE,SAAP,mBAAc;AAAA,EACvB;AAAA,EAEA,IAAI,KAAa,QAAgB,QAAa;AAC5C,SAAK,EAAE,SAAS,CAAC;AACjB,SAAK,EAAE,KAAK,UAAU;AAAA,EACxB;AACF;AAEO,MAAM,QAAQ,IAAI,MAAM;",
+  "names": []
+}

package/dist/esm/helpers/calc.js

@@ -0,0 +1,47 @@
+import { isWeb } from "@tamagui/constants";
+import { getVariableVariable } from "../createVariable";
+const operators = {
+  "+": (a, b) => a + b,
+  "-": (a, b) => a - b,
+  "/": (a, b) => a / b,
+  "*": (a, b) => a * b
+};
+const calc = (...valuesAndOperators) => {
+  if (isWeb) {
+    let res2 = "calc(";
+    for (const cur of valuesAndOperators) {
+      if (operators[cur]) {
+        res2 += " " + cur + " ";
+      } else {
+        res2 += convertToVariableOrNumber(cur);
+      }
+    }
+    return res2 + ")";
+  }
+  let res = 0;
+  let nextOp = null;
+  for (const cur of valuesAndOperators) {
+    if (operators[cur]) {
+      nextOp = operators[cur];
+    } else {
+      if (nextOp) {
+        res = nextOp(res, cur);
+        nextOp = null;
+      } else {
+        res = +cur;
+      }
+    }
+  }
+  return res;
+};
+const convertToVariableOrNumber = (v) => {
+  const varOrVal = getVariableVariable(v);
+  if (typeof varOrVal === "number") {
+    return `${varOrVal}px`;
+  }
+  return varOrVal;
+};
+export {
+  calc
+};
+//# sourceMappingURL=calc.js.map