@tamagui/web 1.5.14 → 1.5.15

package/dist/cjs/addTheme.js

@@ -23,7 +23,7 @@ __export(addTheme_exports, {
 module.exports = __toCommonJS(addTheme_exports);
 var import_constants = require("@tamagui/constants");
 var import_config = require("./config.js");
-var import_getThemeCSSRules = require("./helpers/getThemeCSSRules.js");
+var import_getThemeCSSRules = require("./helpers/getThemeCSSRules");
 var import_themes = require("./helpers/themes.js");
 function addTheme(props) {
   var _a;

package/dist/cjs/addTheme.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/addTheme.ts"],
-  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nimport { getConfig, updateConfig } from './config.js'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules.js'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes.js'\nimport { ThemeDefinition, ThemeParsed } from './types.js'\n\nexport function addTheme(props: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n  insertCSS?: boolean\n  update?: boolean\n}) {\n  const config = getConfig()\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const theme = config.themes[props.name]\n    if (!props.update && theme) {\n      return { theme }\n    }\n  }\n\n  const { name: themeName, theme: themeIn, insertCSS } = props\n  const theme = { ...themeIn } as ThemeParsed\n  for (const key in theme) {\n    ensureThemeVariable(theme, key)\n  }\n\n  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)\n  config.themes[themeName] = themeProxied\n\n  let cssRules: string[] = []\n\n  if (isWeb) {\n    if (insertCSS) {\n      cssRules = getThemeCSSRules({\n        // @ts-ignore this works but should be fixed types\n        config,\n        themeName,\n        names: [themeName],\n        theme,\n      })\n      const id = `t_theme_style_${themeName}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(cssRules.join('\\n')))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n    }\n  }\n\n  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })\n\n  // trigger updates in components\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nimport { getConfig, updateConfig } from './config.js'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes.js'\nimport { ThemeDefinition, ThemeParsed } from './types.js'\n\nexport function addTheme(props: {\n  name: string\n  theme: Partial<Record<keyof ThemeDefinition, any>>\n  insertCSS?: boolean\n  update?: boolean\n}) {\n  const config = getConfig()\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!config) {\n      throw new Error('No config')\n    }\n    const theme = config.themes[props.name]\n    if (!props.update && theme) {\n      return { theme }\n    }\n  }\n\n  const { name: themeName, theme: themeIn, insertCSS } = props\n  const theme = { ...themeIn } as ThemeParsed\n  for (const key in theme) {\n    ensureThemeVariable(theme, key)\n  }\n\n  const themeProxied = proxyThemeToParents(themeName, theme, config.themes)\n  config.themes[themeName] = themeProxied\n\n  let cssRules: string[] = []\n\n  if (isWeb) {\n    if (insertCSS) {\n      cssRules = getThemeCSSRules({\n        // @ts-ignore this works but should be fixed types\n        config,\n        themeName,\n        names: [themeName],\n        theme,\n      })\n      const id = `t_theme_style_${themeName}`\n      const existing = document.querySelector(`#${id}`)\n      const style = document.createElement('style')\n      style.id = id\n      style.appendChild(document.createTextNode(cssRules.join('\\n')))\n      document.head.appendChild(style)\n      if (existing) {\n        existing.parentElement?.removeChild(existing)\n      }\n    }\n  }\n\n  updateConfig('themes', { ...config.themes, [themeName]: themeProxied })\n\n  // trigger updates in components\n  return {\n    theme: themeProxied,\n    cssRules,\n  }\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAsB;AAEtB,oBAAwC;AACxC,8BAAiC;AACjC,oBAAyD;AAGlD,SAAS,SAAS,OAKtB;AAZH;AAaE,QAAM,aAAS,yBAAU;AAEzB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,QAAQ;AACX,YAAM,IAAI,MAAM,WAAW;AAAA,IAC7B;AACA,UAAMA,SAAQ,OAAO,OAAO,MAAM,IAAI;AACtC,QAAI,CAAC,MAAM,UAAUA,QAAO;AAC1B,aAAO,EAAE,OAAAA,OAAM;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,EAAE,MAAM,WAAW,OAAO,SAAS,UAAU,IAAI;AACvD,QAAM,QAAQ,EAAE,GAAG,QAAQ;AAC3B,aAAW,OAAO,OAAO;AACvB,2CAAoB,OAAO,GAAG;AAAA,EAChC;AAEA,QAAM,mBAAe,mCAAoB,WAAW,OAAO,OAAO,MAAM;AACxE,SAAO,OAAO,SAAS,IAAI;AAE3B,MAAI,WAAqB,CAAC;AAE1B,MAAI,wBAAO;AACT,QAAI,WAAW;AACb,qBAAW,0CAAiB;AAAA;AAAA,QAE1B;AAAA,QACA;AAAA,QACA,OAAO,CAAC,SAAS;AAAA,QACjB;AAAA,MACF,CAAC;AACD,YAAM,KAAK,iBAAiB;AAC5B,YAAM,WAAW,SAAS,cAAc,IAAI,IAAI;AAChD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,YAAY,SAAS,eAAe,SAAS,KAAK,IAAI,CAAC,CAAC;AAC9D,eAAS,KAAK,YAAY,KAAK;AAC/B,UAAI,UAAU;AACZ,uBAAS,kBAAT,mBAAwB,YAAY;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAEA,kCAAa,UAAU,EAAE,GAAG,OAAO,QAAQ,CAAC,SAAS,GAAG,aAAa,CAAC;AAGtE,SAAO;AAAA,IACL,OAAO;AAAA,IACP;AAAA,EACF;AACF;",
   "names": ["theme"]
 }

package/dist/cjs/helpers/defaultOffset.js

@@ -0,0 +1,29 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 defaultOffset_exports = {};
+__export(defaultOffset_exports, {
+  defaultOffset: () => defaultOffset
+});
+module.exports = __toCommonJS(defaultOffset_exports);
+const defaultOffset = { height: 0, width: 0 };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defaultOffset
+});
+//# sourceMappingURL=defaultOffset.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/defaultOffset.ts"],
+  "sourcesContent": ["export const defaultOffset = { height: 0, width: 0 }\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,gBAAgB,EAAE,QAAQ,GAAG,OAAO,EAAE;",
+  "names": []
+}

package/dist/cjs/helpers/expandStyles.js

@@ -18,18 +18,16 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var expandStyles_exports = {};
 __export(expandStyles_exports, {
-  defaultOffset: () => defaultOffset,
   expandStyles: () => expandStyles,
   fixStyles: () => fixStyles
 });
 module.exports = __toCommonJS(expandStyles_exports);
 var import_config = require("../config.js");
 var import_expandStyle = require("./expandStyle.js");
-var import_normalizeShadow = require("./normalizeShadow.js");
+var import_normalizeShadow = require("./normalizeShadow");
 var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.js");
 var import_pseudoDescriptors = require("./pseudoDescriptors.js");
 let shorthands = null;
-const defaultOffset = { height: 0, width: 0 };
 function expandStyles(style, config = (0, import_config.getConfig)()) {
   const res = {};
   for (let key in style) {
@@ -71,7 +69,6 @@ const borderDefaults = {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  defaultOffset,
   expandStyles,
   fixStyles
 });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/expandStyles.ts"],
-  "sourcesContent": ["import { getConfig } from '../config.js'\nimport { expandStyle } from './expandStyle.js'\nimport { normalizeShadow } from './normalizeShadow.js'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors.js'\n\nlet shorthands: Record<string, string> | null = null\nexport const defaultOffset = { height: 0, width: 0 }\n\n/**\n * This is what you want to run before Object.assign() a style onto another.\n * It does the following:\n *   1. Turns user shorthands into longhands, ie px = paddingHorizontal\n *   2. Normalizes various inconsistent styles to be more consistent\n *   3. Expands react-native shorthands, ie paddingHorizontal => paddingLeft, paddingRight\n */\n\nexport function expandStyles(style: Record<string, any>, config = getConfig()) {\n  const res: Record<string, any> = {}\n\n  for (let key in style) {\n    shorthands = shorthands || (config ? config.shorthands : null)\n    if (shorthands) {\n      key = shorthands[key] || key\n    }\n    if (key in pseudoDescriptors) {\n      res[key] = expandStyles(style[key])\n      continue\n    }\n    const val = normalizeValueWithProperty(style[key], key)\n    // expand react-native shorthands\n    const out = expandStyle(key, val)\n    if (out) {\n      Object.assign(res, Object.fromEntries(out))\n    } else {\n      res[key] = val\n    }\n  }\n\n  fixStyles(res)\n\n  return res\n}\n\nexport function fixStyles(style: Record<string, any>) {\n  if (\n    style.shadowRadius ||\n    style.shadowColor ||\n    style.shadowOpacity ||\n    style.shadowOffset\n  ) {\n    Object.assign(style, normalizeShadow(style))\n  }\n\n  // TODO could be native-only\n  // ensure border style set by default to solid\n  for (const key in borderDefaults) {\n    if (key in style && !style[borderDefaults[key]]) {\n      style[borderDefaults[key]] = 'solid'\n    }\n  }\n}\n\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: 'borderBottomStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAC1B,yBAA4B;AAC5B,6BAAgC;AAChC,wCAA2C;AAC3C,+BAAkC;AAElC,IAAI,aAA4C;AACzC,MAAM,gBAAgB,EAAE,QAAQ,GAAG,OAAO,EAAE;AAU5C,SAAS,aAAa,OAA4B,aAAS,yBAAU,GAAG;AAC7E,QAAM,MAA2B,CAAC;AAElC,WAAS,OAAO,OAAO;AACrB,iBAAa,eAAe,SAAS,OAAO,aAAa;AACzD,QAAI,YAAY;AACd,YAAM,WAAW,GAAG,KAAK;AAAA,IAC3B;AACA,QAAI,OAAO,4CAAmB;AAC5B,UAAI,GAAG,IAAI,aAAa,MAAM,GAAG,CAAC;AAClC;AAAA,IACF;AACA,UAAM,UAAM,8DAA2B,MAAM,GAAG,GAAG,GAAG;AAEtD,UAAM,UAAM,gCAAY,KAAK,GAAG;AAChC,QAAI,KAAK;AACP,aAAO,OAAO,KAAK,OAAO,YAAY,GAAG,CAAC;AAAA,IAC5C,OAAO;AACL,UAAI,GAAG,IAAI;AAAA,IACb;AAAA,EACF;AAEA,YAAU,GAAG;AAEb,SAAO;AACT;AAEO,SAAS,UAAU,OAA4B;AACpD,MACE,MAAM,gBACN,MAAM,eACN,MAAM,iBACN,MAAM,cACN;AACA,WAAO,OAAO,WAAO,wCAAgB,KAAK,CAAC;AAAA,EAC7C;AAIA,aAAW,OAAO,gBAAgB;AAChC,QAAI,OAAO,SAAS,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG;AAC/C,YAAM,eAAe,GAAG,CAAC,IAAI;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AACpB;",
+  "sourcesContent": ["import { getConfig } from '../config.js'\nimport { expandStyle } from './expandStyle.js'\nimport { normalizeShadow } from './normalizeShadow'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors.js'\n\nlet shorthands: Record<string, string> | null = null\n\n/**\n * This is what you want to run before Object.assign() a style onto another.\n * It does the following:\n *   1. Turns user shorthands into longhands, ie px = paddingHorizontal\n *   2. Normalizes various inconsistent styles to be more consistent\n *   3. Expands react-native shorthands, ie paddingHorizontal => paddingLeft, paddingRight\n */\n\nexport function expandStyles(style: Record<string, any>, config = getConfig()) {\n  const res: Record<string, any> = {}\n\n  for (let key in style) {\n    shorthands = shorthands || (config ? config.shorthands : null)\n    if (shorthands) {\n      key = shorthands[key] || key\n    }\n    if (key in pseudoDescriptors) {\n      res[key] = expandStyles(style[key])\n      continue\n    }\n    const val = normalizeValueWithProperty(style[key], key)\n    // expand react-native shorthands\n    const out = expandStyle(key, val)\n    if (out) {\n      Object.assign(res, Object.fromEntries(out))\n    } else {\n      res[key] = val\n    }\n  }\n\n  fixStyles(res)\n\n  return res\n}\n\nexport function fixStyles(style: Record<string, any>) {\n  if (\n    style.shadowRadius ||\n    style.shadowColor ||\n    style.shadowOpacity ||\n    style.shadowOffset\n  ) {\n    Object.assign(style, normalizeShadow(style))\n  }\n\n  // TODO could be native-only\n  // ensure border style set by default to solid\n  for (const key in borderDefaults) {\n    if (key in style && !style[borderDefaults[key]]) {\n      style[borderDefaults[key]] = 'solid'\n    }\n  }\n}\n\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: 'borderBottomStyle',\n  borderTopWidth: 'borderTopStyle',\n  borderLeftWidth: 'borderLeftStyle',\n  borderRightWidth: 'borderRightStyle',\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA0B;AAC1B,yBAA4B;AAC5B,6BAAgC;AAChC,wCAA2C;AAC3C,+BAAkC;AAElC,IAAI,aAA4C;AAUzC,SAAS,aAAa,OAA4B,aAAS,yBAAU,GAAG;AAC7E,QAAM,MAA2B,CAAC;AAElC,WAAS,OAAO,OAAO;AACrB,iBAAa,eAAe,SAAS,OAAO,aAAa;AACzD,QAAI,YAAY;AACd,YAAM,WAAW,GAAG,KAAK;AAAA,IAC3B;AACA,QAAI,OAAO,4CAAmB;AAC5B,UAAI,GAAG,IAAI,aAAa,MAAM,GAAG,CAAC;AAClC;AAAA,IACF;AACA,UAAM,UAAM,8DAA2B,MAAM,GAAG,GAAG,GAAG;AAEtD,UAAM,UAAM,gCAAY,KAAK,GAAG;AAChC,QAAI,KAAK;AACP,aAAO,OAAO,KAAK,OAAO,YAAY,GAAG,CAAC;AAAA,IAC5C,OAAO;AACL,UAAI,GAAG,IAAI;AAAA,IACb;AAAA,EACF;AAEA,YAAU,GAAG;AAEb,SAAO;AACT;AAEO,SAAS,UAAU,OAA4B;AACpD,MACE,MAAM,gBACN,MAAM,eACN,MAAM,iBACN,MAAM,cACN;AACA,WAAO,OAAO,WAAO,wCAAgB,KAAK,CAAC;AAAA,EAC7C;AAIA,aAAW,OAAO,gBAAgB;AAChC,QAAI,OAAO,SAAS,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG;AAC/C,YAAM,eAAe,GAAG,CAAC,IAAI;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/helpers/getSplitStyles.js

@@ -34,7 +34,7 @@ var import_useMedia = require("../hooks/useMedia.js");
 var import_createMediaStyle = require("./createMediaStyle.js");
 var import_createPropMapper = require("./createPropMapper.js");
 var import_expandStyles = require("./expandStyles.js");
-var import_getStylesAtomic = require("./getStylesAtomic.js");
+var import_getStylesAtomic = require("./getStylesAtomic");
 var import_insertStyleRule = require("./insertStyleRule.js");
 var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.js");
 var import_pseudoDescriptors = require("./pseudoDescriptors.js");

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getSplitStyles.tsx"],
-  "sourcesContent": ["import {\n  isClient,\n  isRSC,\n  isServer,\n  isWeb,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/constants'\nimport {\n  stylePropsText,\n  stylePropsTransform,\n  validPseudoKeys,\n  validStyles,\n  validStylesOnBaseProps,\n} from '@tamagui/helpers'\nimport { useInsertionEffect } from 'react'\nimport type { TextStyle, ViewStyle } from 'react-native'\n\nimport { getConfig, getFont } from '../config.js'\nimport { isDevTools } from '../constants/isDevTools.js'\nimport {\n  getMediaImportanceIfMoreImportant,\n  mediaState as globalMediaState,\n  mediaKeysWithAndWithout$,\n  mediaQueryConfig,\n  mergeMediaByImportance,\n} from '../hooks/useMedia.js'\nimport type {\n  ClassNamesObject,\n  DebugProp,\n  GetStyleResult,\n  MediaQueryKey,\n  PartialStyleObject,\n  PseudoPropKeys,\n  PseudoStyles,\n  RulesToInsert,\n  SpaceTokens,\n  SplitStyleState,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeParsed,\n} from '../types.js'\nimport type {\n  FontLanguageProps,\n  LanguageContextType,\n} from '../views/FontLanguage.types.js'\nimport { createMediaStyle } from './createMediaStyle.js'\nimport { getPropMappedFontFamily } from './createPropMapper.js'\nimport { fixStyles } from './expandStyles.js'\nimport { getAtomicStyle, getStylesAtomic, styleToCSS } from './getStylesAtomic.js'\nimport {\n  insertStyleRules,\n  insertedTransforms,\n  scanAllSheets,\n  shouldInsertStyleRules,\n  updateRules,\n} from './insertStyleRule.js'\nimport {\n  normalizeValueWithProperty,\n  reverseMapClassNameToValue,\n} from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors.js'\n\ntype GetStyleState = {\n  style: ViewStyle\n  usedKeys: Record<string, number>\n  classNames: ClassNamesObject\n  staticConfig: StaticConfigParsed\n  theme: ThemeParsed\n  props: Record<string, any>\n  viewProps: Record<string, any>\n  state: SplitStyleState\n  conf: TamaguiInternalConfig\n  languageContext?: FontLanguageProps\n  avoidDefaultProps?: boolean\n  avoidMergeTransform?: boolean\n}\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\n\nexport type SplitStyleResult = ReturnType<typeof getSplitStyles>\n\nconst skipProps = {\n  animation: true,\n  space: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n  role: true,\n  tag: true,\n}\nif (process.env.NODE_ENV === 'test') {\n  skipProps['data-test-renders'] = true\n}\n\nconst IS_STATIC = process.env.IS_STATIC === 'is_static'\n\n// native only skips\nif (process.env.TAMAGUI_TARGET === 'native') {\n  Object.assign(skipProps, {\n    whiteSpace: true,\n    wordWrap: true,\n    textOverflow: true,\n    textDecorationDistance: true,\n    cursor: true,\n    contain: true,\n    boxSizing: true,\n    boxShadow: true,\n  })\n}\n\n// web only maps accessibility to aria props\nconst accessibilityDirectMap: Record<string, string> = {}\nif (process.env.TAMAGUI_TARGET === 'web') {\n  // bundle size shave\n  const items = {\n    Hidden: true,\n    ActiveDescendant: true,\n    Atomic: true,\n    AutoComplete: true,\n    Busy: true,\n    Checked: true,\n    ColumnCount: 'colcount',\n    ColumnIndex: 'colindex',\n    ColumnSpan: 'colspan',\n    Current: true,\n    Details: true,\n    ErrorMessage: true,\n    Expanded: true,\n    HasPopup: true,\n    Invalid: true,\n    Label: true,\n    Level: true,\n    Modal: true,\n    Multiline: true,\n    MultiSelectable: true,\n    Orientation: true,\n    Owns: true,\n    Placeholder: true,\n    PosInSet: true,\n    Pressed: true,\n    RoleDescription: true,\n    RowCount: true,\n    RowIndex: true,\n    RowSpan: true,\n    Selected: true,\n    SetSize: true,\n    Sort: true,\n    ValueMax: true,\n    ValueMin: true,\n    ValueNow: true,\n    ValueText: true,\n  }\n  for (const key in items) {\n    let val = items[key]\n    if (val === true) {\n      val = key.toLowerCase()\n    }\n    accessibilityDirectMap[`accessibility${key}`] = `aria-${val}`\n  }\n}\n\ntype TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey\n\nlet conf: TamaguiInternalConfig\n\ntype StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  state: SplitStyleState,\n  parentSplitStyles?: GetStyleResult | null,\n  languageContext?: LanguageContextType,\n  // web-only\n  elementType?: string,\n  debug?: DebugProp\n) => GetStyleResult\n\nexport const PROP_SPLIT = '-'\n\nconst accessibilityRoleToWebRole = {\n  adjustable: 'slider',\n  header: 'heading',\n  image: 'img',\n  link: 'link',\n  none: 'presentation',\n  summary: 'region',\n}\n\n// loop props backwards\n//   track used keys:\n//     const keys = new Set<string>()\n//   keep classnames and styles separate:\n//     const styles = {}\n//     const classNames = {}\n\nconst isMediaKey = (key: string) =>\n  Boolean(key[0] === '$' && mediaKeysWithAndWithout$.has(key))\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  parentSplitStyles,\n  languageContext,\n  elementType,\n  debug\n) => {\n  if (cache.has(props)) {\n    return cache.get(props)\n  }\n\n  conf = conf || getConfig()\n  const { shorthands } = conf\n  const { variants, propMapper, isReactNative, inlineProps, inlineWhenUnflattened } =\n    staticConfig\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: GetStyleResult['viewProps'] = {}\n  let pseudos: PseudoStyles | null = null\n  let psuedosUsed: Record<string, number> | null = null\n  const mediaState = state.mediaState || globalMediaState\n  const usedKeys: Record<string, number> = {}\n  const propKeys = Object.keys(props)\n  let space: SpaceTokens | null = props.space\n  let hasMedia: boolean | string[] = false\n\n  const shouldDoClasses =\n    staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames\n\n  let style: ViewStyle | TextStyle = {}\n  const flatTransforms: FlatTransforms = {}\n\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const classNames: ClassNamesObject = {}\n  let className = '' // existing classNames\n  // we need to gather these specific to each media query / pseudo\n  // value is [hash, val], so [\"-jnjad-asdnjk\", \"scaleX(1) rotate(10deg)\"]\n  const transforms: Record<TransformNamespaceKey, [string, string]> = {}\n  // fontFamily is our special baby, ensure we grab the latest set one always\n  let fontFamily: string | undefined\n\n  const styleState: GetStyleState = {\n    classNames,\n    conf,\n    props,\n    state,\n    staticConfig,\n    style,\n    theme,\n    usedKeys,\n    viewProps,\n    languageContext,\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    // eslint-disable-next-line no-console\n    console.groupCollapsed('getSplitStyles (looping backwards)')\n    // eslint-disable-next-line no-console\n    console.log({ staticConfig, shouldDoClasses, state, IS_STATIC, propKeys })\n    // eslint-disable-next-line no-console\n    console.groupEnd()\n  }\n\n  if (props.className) {\n    for (const cn of props.className.split(' ')) {\n      if (cn[0] === '_') {\n        // tamagui, merge it expanded on key, eventually this will go away with better compiler\n        const [shorthand, mediaOrPseudo] = cn.slice(1).split('-')\n        const isMedia = mediaOrPseudo[0] === '_'\n        const isPseudo = mediaOrPseudo[0] === '0'\n        const isMediaOrPseudo = isMedia || isPseudo\n        let fullKey = shorthands[shorthand]\n        if (isMedia) {\n          // is media\n          let mediaShortKey = mediaOrPseudo.slice(1)\n          mediaShortKey = mediaShortKey.slice(0, mediaShortKey.indexOf('_'))\n          fullKey += `${PROP_SPLIT}${mediaShortKey}`\n        } else if (isPseudo) {\n          // is pseudo\n          const pseudoShortKey = mediaOrPseudo.slice(1)\n          fullKey += `${PROP_SPLIT}${pseudoShortKey}`\n        }\n        usedKeys[fullKey] = 1\n        mergeClassName(transforms, classNames, fullKey, cn, isMediaOrPseudo)\n      } else if (cn) {\n        className += ` ${cn}`\n      }\n    }\n  }\n\n  // loop backwards so we can skip already-used props\n  for (let i = len - 1; i >= 0; i--) {\n    let keyInit = propKeys[i]\n    if (keyInit === 'className') continue // handled above\n    let valInit = props[keyInit]\n\n    // normalize shorthands up front\n    if (keyInit in shorthands) {\n      keyInit = shorthands[keyInit]\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // map userSelect to native prop\n      if (keyInit === 'userSelect') {\n        keyInit = 'selectable'\n        valInit = valInit === 'none' ? false : true\n      } else if (keyInit.startsWith('data-') || keyInit.startsWith('aria-')) {\n        continue\n      }\n    }\n\n    if (keyInit in usedKeys) continue\n    if (keyInit in skipProps) continue\n\n    if (typeof valInit === 'string' && valInit[0] === '_') {\n      if (keyInit in validStyleProps || keyInit.includes('-')) {\n        if (shouldDoClasses) {\n          classNames[keyInit] = valInit\n        } else {\n          style[keyInit] = reverseMapClassNameToValue(keyInit, valInit)\n        }\n        usedKeys[keyInit] = 1\n        continue\n      }\n    }\n\n    if (keyInit === 'dataSet') {\n      for (const key in valInit) {\n        viewProps[`data-${hyphenate(key)}`] = valInit[key]\n      }\n      continue\n    }\n\n    const isMainStyle = keyInit === 'style'\n    if (isMainStyle || keyInit.startsWith('_style')) {\n      if (!valInit) continue\n      const styles = Array.isArray(valInit) ? valInit : [valInit]\n      const styleLen = styles.length\n      for (let j = styleLen; j >= 0; j--) {\n        const cur = styles[j]\n        if (!cur) continue\n        for (const key in cur) {\n          if (!isMainStyle && usedKeys[key]) {\n            continue\n          }\n          usedKeys[key] = 1\n          style[key] = cur[key]\n        }\n      }\n      continue\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      /**\n       * Copying in the accessibility/prop handling from react-native-web here\n       * Keeps it in a single loop, avoids dup de-structuring to avoid bundle size\n       */\n      if (keyInit === 'disabled' && valInit === true) {\n        usedKeys[keyInit] = 1\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        if (!variants?.disabled) {\n          continue\n        }\n      }\n\n      if (keyInit === 'testID') {\n        usedKeys[keyInit] = 1\n        viewProps[isReactNative ? 'testId' : 'data-testid'] = valInit\n        continue\n      }\n\n      if (keyInit === 'id' || keyInit === 'nativeID') {\n        usedKeys[keyInit] = 1\n        if (isReactNative) {\n          viewProps.nativeID = valInit\n        } else {\n          viewProps.id = valInit\n        }\n        continue\n      }\n\n      let didUseKeyInit = false\n\n      if (isReactNative) {\n        // pass along to react-native-web\n        if (accessibilityDirectMap[keyInit] || keyInit.startsWith('accessibility')) {\n          viewProps[keyInit] = valInit\n          usedKeys[keyInit] = 1\n          continue\n        }\n      } else {\n        didUseKeyInit = true\n\n        if (accessibilityDirectMap[keyInit]) {\n          viewProps[accessibilityDirectMap[keyInit]] = valInit\n        } else {\n          switch (keyInit) {\n            case 'accessibilityRole': {\n              if (valInit === 'none') {\n                viewProps.role = 'presentation'\n              } else {\n                viewProps.role = accessibilityRoleToWebRole[valInit] || valInit\n              }\n              continue\n            }\n            case 'accessibilityLabelledBy':\n            case 'accessibilityFlowTo':\n            case 'accessibilityControls':\n            case 'accessibilityDescribedBy': {\n              viewProps[`aria-${keyInit.replace('accessibility', '').toLowerCase()}`] =\n                processIDRefList(valInit)\n              continue\n            }\n            case 'accessibilityKeyShortcuts': {\n              if (Array.isArray(valInit)) {\n                viewProps['aria-keyshortcuts'] = valInit.join(' ')\n              }\n              continue\n            }\n            case 'accessibilityLiveRegion': {\n              viewProps['aria-live'] = valInit === 'none' ? 'off' : valInit\n              continue\n            }\n            case 'accessibilityReadOnly': {\n              viewProps['aria-readonly'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.readOnly = true\n              }\n              continue\n            }\n            case 'accessibilityRequired': {\n              viewProps['aria-required'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.required = valInit\n              }\n              continue\n            }\n            default: {\n              didUseKeyInit = false\n            }\n          }\n        }\n      }\n\n      if (didUseKeyInit) {\n        usedKeys[keyInit] = 1\n        continue\n      }\n\n      if (valInit && valInit[0] === '_') {\n        // if valid style key (or pseudo like color-hover):\n        // this conditional and esp the pseudo check rarely runs so not a perf issue\n        const isValidClassName = validStyles[keyInit]\n        const isMediaOrPseudo =\n          !isValidClassName &&\n          keyInit.includes(PROP_SPLIT) &&\n          validStyles[keyInit.split(PROP_SPLIT)[0]]\n\n        if (isValidClassName || isMediaOrPseudo) {\n          usedKeys[keyInit] = 1\n          if (process.env.NODE_ENV === 'development') {\n            if (debug) {\n              // eslint-disable-next-line no-console\n              console.log('tamagui classname props', keyInit, valInit)\n            }\n          }\n          mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\n    /**\n     * There's (some) reason to this madness: we want to allow returning media/pseudo from variants\n     * Say you have a variant hoverable: { true: { hoverStyle: {} } }\n     * We run propMapper first to expand variant, then we run the inner loop and look again\n     * for if there's a pseudo/media returned from it.\n     */\n\n    let isMedia = isMediaKey(keyInit)\n    let isPseudo = validPseudoKeys[keyInit]\n\n    const isHOCShouldPassThrough = staticConfig.isHOC && (isMedia || isPseudo)\n\n    if (\n      isHOCShouldPassThrough ||\n      !(\n        isMedia ||\n        isPseudo ||\n        variants?.[keyInit] ||\n        validStyleProps[keyInit] ||\n        shorthands[keyInit]\n      )\n    ) {\n      usedKeys[keyInit] = 1\n      viewProps[keyInit] = valInit\n      continue\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles', keyInit, valInit)\n    }\n\n    const expanded =\n      isMedia || isPseudo\n        ? [[keyInit, valInit]]\n        : propMapper(\n            keyInit,\n            valInit,\n            theme,\n            props,\n            state,\n            languageContext,\n            undefined,\n            debug\n          )\n\n    if (!fontFamily) {\n      fontFamily = getPropMappedFontFamily(expanded)\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      if (!isServer && isDevTools) {\n        // eslint-disable-next-line no-console\n        console.log('expanded', expanded, '\\nusedKeys', usedKeys, '\\ncurrent', {\n          ...style,\n        })\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n\n    if (!expanded) continue\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) continue\n\n      isMedia = isMediaKey(key)\n      isPseudo = validPseudoKeys[key]\n      const isMediaOrPseudo = isMedia || isPseudo\n\n      if (!isMediaOrPseudo && usedKeys[key]) {\n        if (process.env.NODE_ENV === 'developmnet' && debug === 'verbose') {\n          console.log(`Used media/pseudo ${key}`)\n        }\n        continue\n      }\n\n      if (inlineProps?.has(key) || inlineWhenUnflattened?.has(key)) {\n        usedKeys[key] = 1\n        viewProps[key] = props[key] ?? val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n\n        // TODO can avoid processing this if !shouldDoClasses + state is off\n        const pseudoStyleObject = getSubStyle(\n          styleState,\n          key,\n          val,\n          true,\n          state.noClassNames\n        )\n\n        const descriptor = pseudoDescriptors[key as keyof typeof pseudoDescriptors]\n        const isEnter = descriptor.name === 'enter'\n        const isExit = descriptor.name === 'exit'\n\n        // don't continue here on isEnter && !state.unmounted because we need to merge defaults\n        if (!descriptor || (isExit && !state.isExiting)) {\n          continue\n        }\n\n        if (!shouldDoClasses || IS_STATIC) {\n          pseudos ||= {}\n          pseudos[key] ||= {}\n          Object.assign(pseudos[key], pseudoStyleObject)\n        }\n\n        if (shouldDoClasses && !isEnter && !isExit) {\n          const pseudoStyles = getAtomicStyle(pseudoStyleObject, descriptor)\n          for (const psuedoStyle of pseudoStyles) {\n            const fullKey = `${psuedoStyle.property}${PROP_SPLIT}${descriptor.name}`\n            if (!usedKeys[fullKey]) {\n              usedKeys[fullKey] = 1\n              addStyleToInsertRules(rulesToInsert, psuedoStyle)\n              mergeClassName(\n                transforms,\n                classNames,\n                fullKey,\n                psuedoStyle.identifier,\n                isMediaOrPseudo\n              )\n            }\n          }\n        } else {\n          if (usedKeys[key]) {\n            continue\n          }\n\n          let isDisabled = !state[descriptor.stateKey || descriptor.name]\n\n          // we never animate in on server side just show the full thing\n          // on client side we use CSS to hide the fully in SSR items, then\n          // un-hide and replay with original animation.\n          if (isWeb && !isClient && isEnter) {\n            isDisabled = false\n          }\n\n          if (!isDisabled) {\n            if (valInit === staticConfig.defaultProps[keyInit]) {\n              // ignore:\n              // if it's a default property given by styled(), we don't mark it as used, so\n              // that props given inline can override:\n            } else {\n              usedKeys[key] ||= 1\n              if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                console.log(`Setting used ${key}`)\n              }\n            }\n          }\n\n          psuedosUsed ||= {}\n\n          const importance = descriptor.priority\n          for (const pkey in pseudoStyleObject) {\n            const val = pseudoStyleObject[pkey]\n            // when disabled ensure the default value is set for future animations to align\n            if (isDisabled) {\n              if (!(pkey in usedKeys) && pkey in animatableDefaults) {\n                const defaultVal = animatableDefaults[pkey]\n                mergeStyle(styleState, flatTransforms, pkey, defaultVal, true)\n              }\n              continue\n            }\n            const curImportance = psuedosUsed[importance] || 0\n            const shouldMerge = importance >= curImportance\n            if (shouldMerge) {\n              psuedosUsed[pkey] = importance\n              pseudos ||= {}\n              pseudos[key] ||= {}\n              pseudos[key][pkey] = val\n              mergeStyle(styleState, flatTransforms, pkey, val)\n            }\n            if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n              // prettier-ignore\n              console.log('Merged pseudo?', shouldMerge, { importance, curImportance, pkey, val })\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        if (!val) continue\n\n        hasMedia ||= true\n\n        // THIS USED TO PROXY BACK TO REGULAR PROPS BUT THAT IS THE WRONG BEHAVIOR\n        // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n\n        const mediaStyle = getSubStyle(\n          styleState,\n          key,\n          val,\n          // TODO try true like pseudo\n          false\n        )\n\n        const mediaKeyShort = key.slice(1)\n\n        if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log(`  \uD83D\uDCFA ${key}`, { key, mediaStyle, props, shouldDoClasses })\n        }\n\n        if ('space' in mediaStyle) {\n          if (!Array.isArray(hasMedia)) {\n            hasMedia = []\n          }\n          hasMedia.push(mediaKeyShort)\n        }\n\n        if (shouldDoClasses) {\n          if ('space' in mediaStyle) {\n            delete mediaStyle['space']\n            if (mediaState[mediaKeyShort]) {\n              const val = valInit.space\n              const importance = getMediaImportanceIfMoreImportant(\n                mediaKeyShort,\n                'space',\n                usedKeys\n              )\n              if (importance) {\n                space = val\n                usedKeys['space'] = importance\n                if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                  console.log(\n                    `Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance})`\n                  )\n                }\n              }\n            }\n          }\n          const mediaStyles = getStylesAtomic(mediaStyle)\n          for (const style of mediaStyles) {\n            const out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig)\n            const fullKey = `${style.property}${PROP_SPLIT}${mediaKeyShort}`\n            if (!usedKeys[fullKey]) {\n              usedKeys[fullKey] = 1\n              addStyleToInsertRules(rulesToInsert, out)\n              mergeClassName(transforms, classNames, fullKey, out.identifier, true)\n            }\n          }\n        } else if (mediaState[mediaKeyShort]) {\n          for (const subKey in mediaStyle) {\n            const importance = getMediaImportanceIfMoreImportant(\n              mediaKeyShort,\n              subKey,\n              usedKeys\n            )\n            if (importance === null) continue\n            if (subKey === 'space') {\n              space = valInit.space\n              continue\n            }\n            mergeMediaByImportance(\n              style,\n              mediaKeyShort,\n              subKey,\n              mediaStyle[subKey],\n              usedKeys\n            )\n            if (key === 'fontFamily') {\n              fontFamily = mediaStyle[key]\n            }\n          }\n        }\n        continue\n      }\n\n      if (process.env.TAMAGUI_TARGET === 'native') {\n        if (key === 'pointerEvents') {\n          usedKeys[key] = 1\n          viewProps[key] = val\n          continue\n        }\n      }\n\n      if (key === 'fontFamily' && !fontFamily && valInit && val) {\n        fontFamily = valInit[0] === '$' ? valInit : val\n      }\n\n      if (key in validStyleProps) {\n        mergeStyle(styleState, flatTransforms, key, val)\n        continue\n      }\n\n      // pass to view props\n      if (!variants || !(key in variants)) {\n        if (!skipProps[key]) {\n          viewProps[key] = val\n          usedKeys[key] = 1\n        }\n      }\n    }\n  }\n\n  fixStyles(style)\n  if (isWeb) {\n    styleToCSS(style)\n  }\n\n  // native: swap out the right family based on weight/style\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    if ('fontFamily' in style && style.fontFamily) {\n      const faceInfo = getFont(style.fontFamily)?.face\n      if (faceInfo) {\n        const overrideFace =\n          faceInfo[style.fontWeight!]?.[style.fontStyle || 'normal']?.val\n        if (overrideFace) {\n          style.fontFamily = overrideFace\n          fontFamily = overrideFace\n          delete style.fontWeight\n          delete style.fontStyle\n        }\n      }\n      if (process.env.NODE_ENV === 'development') {\n        if (debug) {\n          console.log(`Found fontFamily native: ${style.fontFamily}`, faceInfo)\n        }\n      }\n    }\n  }\n\n  // always do this at the very end to preserve the order strictly (animations, origin)\n  // and allow proper merging of all pseudos before applying\n  if (flatTransforms) {\n    if (process.env.NODE_ENV === 'development' && debug) {\n      // eslint-disable-next-line no-console\n      console.log(\n        'Merging flat transforms, transform before',\n        [...(style.transform || [])],\n        flatTransforms\n      )\n    }\n    mergeTransforms(style, flatTransforms, true)\n  }\n\n  // add in defaults if not set:\n  if (parentSplitStyles) {\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (shouldDoClasses) {\n        for (const key in parentSplitStyles.classNames) {\n          const val = parentSplitStyles.classNames[key]\n          if (key in style || key in classNames) continue\n          classNames[key] = val\n        }\n      }\n    }\n    if (!shouldDoClasses) {\n      for (const key in parentSplitStyles.style) {\n        if (key in classNames || key in style) continue\n        style[key] = parentSplitStyles.style[key]\n      }\n    }\n  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (shouldDoClasses) {\n      const retainedStyles = {}\n      if (style['$$css']) {\n        // avoid re-processing for rnw\n      } else {\n        const atomic = getStylesAtomic(style)\n        for (const atomicStyle of atomic) {\n          const key = atomicStyle.property\n          if (props.animateOnly && props.animateOnly.includes(key)) {\n            retainedStyles[key] = atomicStyle.value\n          } else {\n            addStyleToInsertRules(rulesToInsert, atomicStyle)\n            mergeClassName(transforms, classNames, key, atomicStyle.identifier)\n          }\n        }\n        if (!IS_STATIC) {\n          style = retainedStyles\n        }\n      }\n    }\n\n    if (transforms) {\n      for (const namespace in transforms) {\n        if (!transforms[namespace]) {\n          if (process.env.NODE_ENV === 'development') {\n            // eslint-disable-next-line no-console\n            console.warn('Error no transform', transforms, namespace)\n          }\n          continue\n        }\n        const [hash, val] = transforms[namespace]\n        const identifier = `_transform${hash}`\n        if (isClient && !insertedTransforms[identifier]) {\n          const rule = `.${identifier} { transform: ${val}; }`\n          addStyleToInsertRules(rulesToInsert, {\n            identifier,\n            rules: [rule],\n            property: namespace,\n          })\n        }\n        classNames[namespace] = identifier\n      }\n    }\n  }\n\n  const result = {\n    space,\n    hasMedia,\n    fontFamily,\n    viewProps,\n    style,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n\n  if (className) {\n    classNames.className = className\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (isDevTools) {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles =>')\n      // prettier-ignore\n      const logs = { ...result, state, etc: { transforms, viewProps, rulesToInsert, parentSplitStyles, flatTransforms } }\n      for (const key in logs) {\n        // eslint-disable-next-line no-console\n        console.log(key, logs[key])\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n  }\n\n  cache.set(props, result)\n\n  return result\n}\n\nfunction mergeClassName(\n  transforms: Record<string, any[]>,\n  classNames: Record<string, string>,\n  key: string,\n  val: string,\n  isMediaOrPseudo = false\n) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    // empty classnames passed by compiler sometimes\n    if (!val) return\n    if (val[0] === '_' && val.startsWith('_transform-')) {\n      const ns: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n      let transform = insertedTransforms[val]\n      if (isClient && !transform) {\n        scanAllSheets() // HMR or loaded a new chunk\n        transform = insertedTransforms[val]\n        if (!transform && isWeb && val[0] !== '_') {\n          transform = val // runtime insert\n        }\n      }\n      transforms[ns] ||= ['', '']\n      transforms[ns][0] += val.replace('_transform', '')\n      // ssr doesn't need to do anything just make the right classname\n      if (transform) {\n        transforms[ns][1] += transform\n      }\n    } else {\n      classNames[key] = val\n    }\n  }\n}\n\n/**\n * getSubStyle calls propMapper with props\n * those should be specific to the substyle, but fallback to the base props\n * so given props:\n *\n *   { fontSize: 12, color: 'red', $sm: { color: 'blue' } }\n *\n * getSubStyle props should be a proxy that ends up like:\n *\n *   { fontSize: 12, color: 'blue' }\n *\n * and to avoid re-creating it over and over, use a WeakMap\n */\nconst cache = new WeakMap()\nfunction getSubStyleProps(\n  defaultProps: Object,\n  baseProps: Object,\n  specificProps: Object\n) {\n  const key = specificProps || baseProps\n  // can cache based only on specific it's always referentially consistent with base\n  if (!cache.has(key)) {\n    cache.set(key, {\n      ...defaultProps,\n      ...baseProps,\n      ...specificProps,\n    })\n  }\n  return cache.get(key)!\n}\n\nfunction mergeStyle(\n  { usedKeys, classNames, viewProps, style }: GetStyleState,\n  flatTransforms: FlatTransforms,\n  key: string,\n  val: any,\n  dontSetUsed = false\n) {\n  if (!dontSetUsed) {\n    usedKeys[key] ||= 1\n  }\n  if (val && val[0] === '_') {\n    classNames[key] = val\n  } else if (key in stylePropsTransform) {\n    flatTransforms ||= {}\n    flatTransforms[key] = val\n  } else {\n    const out = normalizeValueWithProperty(val, key)\n    if (key in validStylesOnBaseProps) {\n      viewProps[key] = out\n    } else {\n      style[key] = out\n    }\n  }\n}\n\nexport const getSubStyle = (\n  styleState: GetStyleState,\n  subKey: string,\n  styleIn: Object,\n  avoidDefaultProps?: boolean,\n  avoidMergeTransform?: boolean\n): ViewStyle => {\n  const { staticConfig, theme, props, state, conf, languageContext } = styleState\n  const styleOut: ViewStyle = {}\n\n  for (let key in styleIn) {\n    const val = styleIn[key]\n    key = conf.shorthands[key] || key\n    const expanded = staticConfig.propMapper(\n      key,\n      val,\n      theme,\n      getSubStyleProps(staticConfig.defaultProps, props, props[subKey]),\n      state,\n      languageContext,\n      avoidDefaultProps\n    )\n    if (!expanded) continue\n    for (const [skey, sval] of expanded) {\n      if (!avoidMergeTransform && skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = normalizeValueWithProperty(sval, key)\n      }\n    }\n  }\n\n  fixStyles(styleOut)\n\n  return styleOut\n}\n\nexport const insertSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n  insertStyleRules(res.rulesToInsert)\n  return res\n}\n\n// on native no need to insert any css\nconst useInsertEffectCompat = isWeb\n  ? useInsertionEffect || useIsomorphicLayoutEffect\n  : () => {}\n\nexport const useSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n\n  if (!isRSC) {\n    useInsertEffectCompat(() => {\n      insertStyleRules(res.rulesToInsert)\n    }, [res.rulesToInsert])\n  }\n\n  return res\n}\n\nfunction addStyleToInsertRules(\n  rulesToInsert: RulesToInsert,\n  styleObject: PartialStyleObject\n) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (!shouldInsertStyleRules(styleObject)) {\n      return\n    }\n    updateRules(styleObject.identifier, styleObject.rules)\n    rulesToInsert.push(styleObject)\n  }\n}\n\nfunction processIDRefList(idRefList: string | Array<string>): string {\n  return Array.isArray(idRefList) ? idRefList.join(' ') : idRefList\n}\n\nconst animatableDefaults = {\n  opacity: 1,\n  scale: 1,\n  rotate: '0deg',\n  rotateY: '0deg',\n  rotateX: '0deg',\n}\n\nconst lowercaseHyphenate = (match: string) => `-${match.toLowerCase()}`\nconst hyphenate = (str: string) => str.replace(/[A-Z]/g, lowercaseHyphenate)\n\nexport type FlatTransforms = Record<string, any>\n\nconst mergeTransform = (obj: ViewStyle, key: string, val: any, backwards = false) => {\n  obj.transform ||= []\n  obj.transform[backwards ? 'unshift' : 'push']({\n    [mapTransformKeys[key] || key]: val,\n  } as any)\n}\n\nconst mergeTransforms = (\n  obj: ViewStyle,\n  flatTransforms: FlatTransforms,\n  backwards = false\n) => {\n  Object.entries(flatTransforms).forEach(([key, val]) => {\n    mergeTransform(obj, key, val, backwards)\n  })\n}\n\nconst mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n"],
+  "sourcesContent": ["import {\n  isClient,\n  isRSC,\n  isServer,\n  isWeb,\n  useIsomorphicLayoutEffect,\n} from '@tamagui/constants'\nimport {\n  stylePropsText,\n  stylePropsTransform,\n  validPseudoKeys,\n  validStyles,\n  validStylesOnBaseProps,\n} from '@tamagui/helpers'\nimport { useInsertionEffect } from 'react'\nimport type { TextStyle, ViewStyle } from 'react-native'\n\nimport { getConfig, getFont } from '../config.js'\nimport { isDevTools } from '../constants/isDevTools.js'\nimport {\n  getMediaImportanceIfMoreImportant,\n  mediaState as globalMediaState,\n  mediaKeysWithAndWithout$,\n  mediaQueryConfig,\n  mergeMediaByImportance,\n} from '../hooks/useMedia.js'\nimport type {\n  ClassNamesObject,\n  DebugProp,\n  GetStyleResult,\n  MediaQueryKey,\n  PartialStyleObject,\n  PseudoPropKeys,\n  PseudoStyles,\n  RulesToInsert,\n  SpaceTokens,\n  SplitStyleState,\n  StaticConfigParsed,\n  TamaguiInternalConfig,\n  ThemeParsed,\n} from '../types.js'\nimport type {\n  FontLanguageProps,\n  LanguageContextType,\n} from '../views/FontLanguage.types.js'\nimport { createMediaStyle } from './createMediaStyle.js'\nimport { getPropMappedFontFamily } from './createPropMapper.js'\nimport { fixStyles } from './expandStyles.js'\nimport { getAtomicStyle, getStylesAtomic, styleToCSS } from './getStylesAtomic'\nimport {\n  insertStyleRules,\n  insertedTransforms,\n  scanAllSheets,\n  shouldInsertStyleRules,\n  updateRules,\n} from './insertStyleRule.js'\nimport {\n  normalizeValueWithProperty,\n  reverseMapClassNameToValue,\n} from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors.js'\n\ntype GetStyleState = {\n  style: ViewStyle\n  usedKeys: Record<string, number>\n  classNames: ClassNamesObject\n  staticConfig: StaticConfigParsed\n  theme: ThemeParsed\n  props: Record<string, any>\n  viewProps: Record<string, any>\n  state: SplitStyleState\n  conf: TamaguiInternalConfig\n  languageContext?: FontLanguageProps\n  avoidDefaultProps?: boolean\n  avoidMergeTransform?: boolean\n}\n\nexport type SplitStyles = ReturnType<typeof getSplitStyles>\n\nexport type SplitStyleResult = ReturnType<typeof getSplitStyles>\n\nconst skipProps = {\n  animation: true,\n  space: true,\n  animateOnly: true,\n  debug: true,\n  componentName: true,\n  role: true,\n  tag: true,\n}\nif (process.env.NODE_ENV === 'test') {\n  skipProps['data-test-renders'] = true\n}\n\nconst IS_STATIC = process.env.IS_STATIC === 'is_static'\n\n// native only skips\nif (process.env.TAMAGUI_TARGET === 'native') {\n  Object.assign(skipProps, {\n    whiteSpace: true,\n    wordWrap: true,\n    textOverflow: true,\n    textDecorationDistance: true,\n    cursor: true,\n    contain: true,\n    boxSizing: true,\n    boxShadow: true,\n  })\n}\n\n// web only maps accessibility to aria props\nconst accessibilityDirectMap: Record<string, string> = {}\nif (process.env.TAMAGUI_TARGET === 'web') {\n  // bundle size shave\n  const items = {\n    Hidden: true,\n    ActiveDescendant: true,\n    Atomic: true,\n    AutoComplete: true,\n    Busy: true,\n    Checked: true,\n    ColumnCount: 'colcount',\n    ColumnIndex: 'colindex',\n    ColumnSpan: 'colspan',\n    Current: true,\n    Details: true,\n    ErrorMessage: true,\n    Expanded: true,\n    HasPopup: true,\n    Invalid: true,\n    Label: true,\n    Level: true,\n    Modal: true,\n    Multiline: true,\n    MultiSelectable: true,\n    Orientation: true,\n    Owns: true,\n    Placeholder: true,\n    PosInSet: true,\n    Pressed: true,\n    RoleDescription: true,\n    RowCount: true,\n    RowIndex: true,\n    RowSpan: true,\n    Selected: true,\n    SetSize: true,\n    Sort: true,\n    ValueMax: true,\n    ValueMin: true,\n    ValueNow: true,\n    ValueText: true,\n  }\n  for (const key in items) {\n    let val = items[key]\n    if (val === true) {\n      val = key.toLowerCase()\n    }\n    accessibilityDirectMap[`accessibility${key}`] = `aria-${val}`\n  }\n}\n\ntype TransformNamespaceKey = 'transform' | PseudoPropKeys | MediaQueryKey\n\nlet conf: TamaguiInternalConfig\n\ntype StyleSplitter = (\n  props: { [key: string]: any },\n  staticConfig: StaticConfigParsed,\n  theme: ThemeParsed,\n  state: SplitStyleState,\n  parentSplitStyles?: GetStyleResult | null,\n  languageContext?: LanguageContextType,\n  // web-only\n  elementType?: string,\n  debug?: DebugProp\n) => GetStyleResult\n\nexport const PROP_SPLIT = '-'\n\nconst accessibilityRoleToWebRole = {\n  adjustable: 'slider',\n  header: 'heading',\n  image: 'img',\n  link: 'link',\n  none: 'presentation',\n  summary: 'region',\n}\n\n// loop props backwards\n//   track used keys:\n//     const keys = new Set<string>()\n//   keep classnames and styles separate:\n//     const styles = {}\n//     const classNames = {}\n\nconst isMediaKey = (key: string) =>\n  Boolean(key[0] === '$' && mediaKeysWithAndWithout$.has(key))\n\nexport const getSplitStyles: StyleSplitter = (\n  props,\n  staticConfig,\n  theme,\n  state,\n  parentSplitStyles,\n  languageContext,\n  elementType,\n  debug\n) => {\n  if (cache.has(props)) {\n    return cache.get(props)\n  }\n\n  conf = conf || getConfig()\n  const { shorthands } = conf\n  const { variants, propMapper, isReactNative, inlineProps, inlineWhenUnflattened } =\n    staticConfig\n  const validStyleProps = staticConfig.isText ? stylePropsText : validStyles\n  const viewProps: GetStyleResult['viewProps'] = {}\n  let pseudos: PseudoStyles | null = null\n  let psuedosUsed: Record<string, number> | null = null\n  const mediaState = state.mediaState || globalMediaState\n  const usedKeys: Record<string, number> = {}\n  const propKeys = Object.keys(props)\n  let space: SpaceTokens | null = props.space\n  let hasMedia: boolean | string[] = false\n\n  const shouldDoClasses =\n    staticConfig.acceptsClassName && (isWeb || IS_STATIC) && !state.noClassNames\n\n  let style: ViewStyle | TextStyle = {}\n  const flatTransforms: FlatTransforms = {}\n\n  const len = propKeys.length\n  const rulesToInsert: RulesToInsert = []\n  const classNames: ClassNamesObject = {}\n  let className = '' // existing classNames\n  // we need to gather these specific to each media query / pseudo\n  // value is [hash, val], so [\"-jnjad-asdnjk\", \"scaleX(1) rotate(10deg)\"]\n  const transforms: Record<TransformNamespaceKey, [string, string]> = {}\n  // fontFamily is our special baby, ensure we grab the latest set one always\n  let fontFamily: string | undefined\n\n  const styleState: GetStyleState = {\n    classNames,\n    conf,\n    props,\n    state,\n    staticConfig,\n    style,\n    theme,\n    usedKeys,\n    viewProps,\n    languageContext,\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    // eslint-disable-next-line no-console\n    console.groupCollapsed('getSplitStyles (looping backwards)')\n    // eslint-disable-next-line no-console\n    console.log({ staticConfig, shouldDoClasses, state, IS_STATIC, propKeys })\n    // eslint-disable-next-line no-console\n    console.groupEnd()\n  }\n\n  if (props.className) {\n    for (const cn of props.className.split(' ')) {\n      if (cn[0] === '_') {\n        // tamagui, merge it expanded on key, eventually this will go away with better compiler\n        const [shorthand, mediaOrPseudo] = cn.slice(1).split('-')\n        const isMedia = mediaOrPseudo[0] === '_'\n        const isPseudo = mediaOrPseudo[0] === '0'\n        const isMediaOrPseudo = isMedia || isPseudo\n        let fullKey = shorthands[shorthand]\n        if (isMedia) {\n          // is media\n          let mediaShortKey = mediaOrPseudo.slice(1)\n          mediaShortKey = mediaShortKey.slice(0, mediaShortKey.indexOf('_'))\n          fullKey += `${PROP_SPLIT}${mediaShortKey}`\n        } else if (isPseudo) {\n          // is pseudo\n          const pseudoShortKey = mediaOrPseudo.slice(1)\n          fullKey += `${PROP_SPLIT}${pseudoShortKey}`\n        }\n        usedKeys[fullKey] = 1\n        mergeClassName(transforms, classNames, fullKey, cn, isMediaOrPseudo)\n      } else if (cn) {\n        className += ` ${cn}`\n      }\n    }\n  }\n\n  // loop backwards so we can skip already-used props\n  for (let i = len - 1; i >= 0; i--) {\n    let keyInit = propKeys[i]\n    if (keyInit === 'className') continue // handled above\n    let valInit = props[keyInit]\n\n    // normalize shorthands up front\n    if (keyInit in shorthands) {\n      keyInit = shorthands[keyInit]\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'native') {\n      // map userSelect to native prop\n      if (keyInit === 'userSelect') {\n        keyInit = 'selectable'\n        valInit = valInit === 'none' ? false : true\n      } else if (keyInit.startsWith('data-') || keyInit.startsWith('aria-')) {\n        continue\n      }\n    }\n\n    if (keyInit in usedKeys) continue\n    if (keyInit in skipProps) continue\n\n    if (typeof valInit === 'string' && valInit[0] === '_') {\n      if (keyInit in validStyleProps || keyInit.includes('-')) {\n        if (shouldDoClasses) {\n          classNames[keyInit] = valInit\n        } else {\n          style[keyInit] = reverseMapClassNameToValue(keyInit, valInit)\n        }\n        usedKeys[keyInit] = 1\n        continue\n      }\n    }\n\n    if (keyInit === 'dataSet') {\n      for (const key in valInit) {\n        viewProps[`data-${hyphenate(key)}`] = valInit[key]\n      }\n      continue\n    }\n\n    const isMainStyle = keyInit === 'style'\n    if (isMainStyle || keyInit.startsWith('_style')) {\n      if (!valInit) continue\n      const styles = Array.isArray(valInit) ? valInit : [valInit]\n      const styleLen = styles.length\n      for (let j = styleLen; j >= 0; j--) {\n        const cur = styles[j]\n        if (!cur) continue\n        for (const key in cur) {\n          if (!isMainStyle && usedKeys[key]) {\n            continue\n          }\n          usedKeys[key] = 1\n          style[key] = cur[key]\n        }\n      }\n      continue\n    }\n\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      /**\n       * Copying in the accessibility/prop handling from react-native-web here\n       * Keeps it in a single loop, avoids dup de-structuring to avoid bundle size\n       */\n      if (keyInit === 'disabled' && valInit === true) {\n        usedKeys[keyInit] = 1\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        if (!variants?.disabled) {\n          continue\n        }\n      }\n\n      if (keyInit === 'testID') {\n        usedKeys[keyInit] = 1\n        viewProps[isReactNative ? 'testId' : 'data-testid'] = valInit\n        continue\n      }\n\n      if (keyInit === 'id' || keyInit === 'nativeID') {\n        usedKeys[keyInit] = 1\n        if (isReactNative) {\n          viewProps.nativeID = valInit\n        } else {\n          viewProps.id = valInit\n        }\n        continue\n      }\n\n      let didUseKeyInit = false\n\n      if (isReactNative) {\n        // pass along to react-native-web\n        if (accessibilityDirectMap[keyInit] || keyInit.startsWith('accessibility')) {\n          viewProps[keyInit] = valInit\n          usedKeys[keyInit] = 1\n          continue\n        }\n      } else {\n        didUseKeyInit = true\n\n        if (accessibilityDirectMap[keyInit]) {\n          viewProps[accessibilityDirectMap[keyInit]] = valInit\n        } else {\n          switch (keyInit) {\n            case 'accessibilityRole': {\n              if (valInit === 'none') {\n                viewProps.role = 'presentation'\n              } else {\n                viewProps.role = accessibilityRoleToWebRole[valInit] || valInit\n              }\n              continue\n            }\n            case 'accessibilityLabelledBy':\n            case 'accessibilityFlowTo':\n            case 'accessibilityControls':\n            case 'accessibilityDescribedBy': {\n              viewProps[`aria-${keyInit.replace('accessibility', '').toLowerCase()}`] =\n                processIDRefList(valInit)\n              continue\n            }\n            case 'accessibilityKeyShortcuts': {\n              if (Array.isArray(valInit)) {\n                viewProps['aria-keyshortcuts'] = valInit.join(' ')\n              }\n              continue\n            }\n            case 'accessibilityLiveRegion': {\n              viewProps['aria-live'] = valInit === 'none' ? 'off' : valInit\n              continue\n            }\n            case 'accessibilityReadOnly': {\n              viewProps['aria-readonly'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.readOnly = true\n              }\n              continue\n            }\n            case 'accessibilityRequired': {\n              viewProps['aria-required'] = valInit\n              // Enhance with native semantics\n              if (\n                elementType === 'input' ||\n                elementType === 'select' ||\n                elementType === 'textarea'\n              ) {\n                viewProps.required = valInit\n              }\n              continue\n            }\n            default: {\n              didUseKeyInit = false\n            }\n          }\n        }\n      }\n\n      if (didUseKeyInit) {\n        usedKeys[keyInit] = 1\n        continue\n      }\n\n      if (valInit && valInit[0] === '_') {\n        // if valid style key (or pseudo like color-hover):\n        // this conditional and esp the pseudo check rarely runs so not a perf issue\n        const isValidClassName = validStyles[keyInit]\n        const isMediaOrPseudo =\n          !isValidClassName &&\n          keyInit.includes(PROP_SPLIT) &&\n          validStyles[keyInit.split(PROP_SPLIT)[0]]\n\n        if (isValidClassName || isMediaOrPseudo) {\n          usedKeys[keyInit] = 1\n          if (process.env.NODE_ENV === 'development') {\n            if (debug) {\n              // eslint-disable-next-line no-console\n              console.log('tamagui classname props', keyInit, valInit)\n            }\n          }\n          mergeClassName(transforms, classNames, keyInit, valInit, isMediaOrPseudo)\n          continue\n        }\n      }\n    }\n\n    /**\n     * There's (some) reason to this madness: we want to allow returning media/pseudo from variants\n     * Say you have a variant hoverable: { true: { hoverStyle: {} } }\n     * We run propMapper first to expand variant, then we run the inner loop and look again\n     * for if there's a pseudo/media returned from it.\n     */\n\n    let isMedia = isMediaKey(keyInit)\n    let isPseudo = validPseudoKeys[keyInit]\n\n    const isHOCShouldPassThrough = staticConfig.isHOC && (isMedia || isPseudo)\n\n    if (\n      isHOCShouldPassThrough ||\n      !(\n        isMedia ||\n        isPseudo ||\n        variants?.[keyInit] ||\n        validStyleProps[keyInit] ||\n        shorthands[keyInit]\n      )\n    ) {\n      usedKeys[keyInit] = 1\n      viewProps[keyInit] = valInit\n      continue\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles', keyInit, valInit)\n    }\n\n    const expanded =\n      isMedia || isPseudo\n        ? [[keyInit, valInit]]\n        : propMapper(\n            keyInit,\n            valInit,\n            theme,\n            props,\n            state,\n            languageContext,\n            undefined,\n            debug\n          )\n\n    if (!fontFamily) {\n      fontFamily = getPropMappedFontFamily(expanded)\n    }\n\n    if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n      if (!isServer && isDevTools) {\n        // eslint-disable-next-line no-console\n        console.log('expanded', expanded, '\\nusedKeys', usedKeys, '\\ncurrent', {\n          ...style,\n        })\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n\n    if (!expanded) continue\n\n    for (const [key, val] of expanded) {\n      if (val === undefined) continue\n\n      isMedia = isMediaKey(key)\n      isPseudo = validPseudoKeys[key]\n      const isMediaOrPseudo = isMedia || isPseudo\n\n      if (!isMediaOrPseudo && usedKeys[key]) {\n        if (process.env.NODE_ENV === 'developmnet' && debug === 'verbose') {\n          console.log(`Used media/pseudo ${key}`)\n        }\n        continue\n      }\n\n      if (inlineProps?.has(key) || inlineWhenUnflattened?.has(key)) {\n        usedKeys[key] = 1\n        viewProps[key] = props[key] ?? val\n      }\n\n      // pseudo\n      if (isPseudo) {\n        if (!val) continue\n\n        // TODO can avoid processing this if !shouldDoClasses + state is off\n        const pseudoStyleObject = getSubStyle(\n          styleState,\n          key,\n          val,\n          true,\n          state.noClassNames\n        )\n\n        const descriptor = pseudoDescriptors[key as keyof typeof pseudoDescriptors]\n        const isEnter = descriptor.name === 'enter'\n        const isExit = descriptor.name === 'exit'\n\n        // don't continue here on isEnter && !state.unmounted because we need to merge defaults\n        if (!descriptor || (isExit && !state.isExiting)) {\n          continue\n        }\n\n        if (!shouldDoClasses || IS_STATIC) {\n          pseudos ||= {}\n          pseudos[key] ||= {}\n          Object.assign(pseudos[key], pseudoStyleObject)\n        }\n\n        if (shouldDoClasses && !isEnter && !isExit) {\n          const pseudoStyles = getAtomicStyle(pseudoStyleObject, descriptor)\n          for (const psuedoStyle of pseudoStyles) {\n            const fullKey = `${psuedoStyle.property}${PROP_SPLIT}${descriptor.name}`\n            if (!usedKeys[fullKey]) {\n              usedKeys[fullKey] = 1\n              addStyleToInsertRules(rulesToInsert, psuedoStyle)\n              mergeClassName(\n                transforms,\n                classNames,\n                fullKey,\n                psuedoStyle.identifier,\n                isMediaOrPseudo\n              )\n            }\n          }\n        } else {\n          if (usedKeys[key]) {\n            continue\n          }\n\n          let isDisabled = !state[descriptor.stateKey || descriptor.name]\n\n          // we never animate in on server side just show the full thing\n          // on client side we use CSS to hide the fully in SSR items, then\n          // un-hide and replay with original animation.\n          if (isWeb && !isClient && isEnter) {\n            isDisabled = false\n          }\n\n          if (!isDisabled) {\n            if (valInit === staticConfig.defaultProps[keyInit]) {\n              // ignore:\n              // if it's a default property given by styled(), we don't mark it as used, so\n              // that props given inline can override:\n            } else {\n              usedKeys[key] ||= 1\n              if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                console.log(`Setting used ${key}`)\n              }\n            }\n          }\n\n          psuedosUsed ||= {}\n\n          const importance = descriptor.priority\n          for (const pkey in pseudoStyleObject) {\n            const val = pseudoStyleObject[pkey]\n            // when disabled ensure the default value is set for future animations to align\n            if (isDisabled) {\n              if (!(pkey in usedKeys) && pkey in animatableDefaults) {\n                const defaultVal = animatableDefaults[pkey]\n                mergeStyle(styleState, flatTransforms, pkey, defaultVal, true)\n              }\n              continue\n            }\n            const curImportance = psuedosUsed[importance] || 0\n            const shouldMerge = importance >= curImportance\n            if (shouldMerge) {\n              psuedosUsed[pkey] = importance\n              pseudos ||= {}\n              pseudos[key] ||= {}\n              pseudos[key][pkey] = val\n              mergeStyle(styleState, flatTransforms, pkey, val)\n            }\n            if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n              // prettier-ignore\n              console.log('Merged pseudo?', shouldMerge, { importance, curImportance, pkey, val })\n            }\n          }\n        }\n        continue\n      }\n\n      // media\n      if (isMedia) {\n        if (!val) continue\n\n        hasMedia ||= true\n\n        // THIS USED TO PROXY BACK TO REGULAR PROPS BUT THAT IS THE WRONG BEHAVIOR\n        // we avoid passing in default props for media queries because that would confuse things like SizableText.size:\n\n        const mediaStyle = getSubStyle(\n          styleState,\n          key,\n          val,\n          // TODO try true like pseudo\n          false\n        )\n\n        const mediaKeyShort = key.slice(1)\n\n        if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n          // prettier-ignore\n          // eslint-disable-next-line no-console\n          console.log(`  \uD83D\uDCFA ${key}`, { key, mediaStyle, props, shouldDoClasses })\n        }\n\n        if ('space' in mediaStyle) {\n          if (!Array.isArray(hasMedia)) {\n            hasMedia = []\n          }\n          hasMedia.push(mediaKeyShort)\n        }\n\n        if (shouldDoClasses) {\n          if ('space' in mediaStyle) {\n            delete mediaStyle['space']\n            if (mediaState[mediaKeyShort]) {\n              const val = valInit.space\n              const importance = getMediaImportanceIfMoreImportant(\n                mediaKeyShort,\n                'space',\n                usedKeys\n              )\n              if (importance) {\n                space = val\n                usedKeys['space'] = importance\n                if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n                  console.log(\n                    `Found more important space for current media ${mediaKeyShort}: ${val} (importance: ${importance})`\n                  )\n                }\n              }\n            }\n          }\n          const mediaStyles = getStylesAtomic(mediaStyle)\n          for (const style of mediaStyles) {\n            const out = createMediaStyle(style, mediaKeyShort, mediaQueryConfig)\n            const fullKey = `${style.property}${PROP_SPLIT}${mediaKeyShort}`\n            if (!usedKeys[fullKey]) {\n              usedKeys[fullKey] = 1\n              addStyleToInsertRules(rulesToInsert, out)\n              mergeClassName(transforms, classNames, fullKey, out.identifier, true)\n            }\n          }\n        } else if (mediaState[mediaKeyShort]) {\n          for (const subKey in mediaStyle) {\n            const importance = getMediaImportanceIfMoreImportant(\n              mediaKeyShort,\n              subKey,\n              usedKeys\n            )\n            if (importance === null) continue\n            if (subKey === 'space') {\n              space = valInit.space\n              continue\n            }\n            mergeMediaByImportance(\n              style,\n              mediaKeyShort,\n              subKey,\n              mediaStyle[subKey],\n              usedKeys\n            )\n            if (key === 'fontFamily') {\n              fontFamily = mediaStyle[key]\n            }\n          }\n        }\n        continue\n      }\n\n      if (process.env.TAMAGUI_TARGET === 'native') {\n        if (key === 'pointerEvents') {\n          usedKeys[key] = 1\n          viewProps[key] = val\n          continue\n        }\n      }\n\n      if (key === 'fontFamily' && !fontFamily && valInit && val) {\n        fontFamily = valInit[0] === '$' ? valInit : val\n      }\n\n      if (key in validStyleProps) {\n        mergeStyle(styleState, flatTransforms, key, val)\n        continue\n      }\n\n      // pass to view props\n      if (!variants || !(key in variants)) {\n        if (!skipProps[key]) {\n          viewProps[key] = val\n          usedKeys[key] = 1\n        }\n      }\n    }\n  }\n\n  fixStyles(style)\n  if (isWeb) {\n    styleToCSS(style)\n  }\n\n  // native: swap out the right family based on weight/style\n  if (process.env.TAMAGUI_TARGET === 'native') {\n    if ('fontFamily' in style && style.fontFamily) {\n      const faceInfo = getFont(style.fontFamily)?.face\n      if (faceInfo) {\n        const overrideFace =\n          faceInfo[style.fontWeight!]?.[style.fontStyle || 'normal']?.val\n        if (overrideFace) {\n          style.fontFamily = overrideFace\n          fontFamily = overrideFace\n          delete style.fontWeight\n          delete style.fontStyle\n        }\n      }\n      if (process.env.NODE_ENV === 'development') {\n        if (debug) {\n          console.log(`Found fontFamily native: ${style.fontFamily}`, faceInfo)\n        }\n      }\n    }\n  }\n\n  // always do this at the very end to preserve the order strictly (animations, origin)\n  // and allow proper merging of all pseudos before applying\n  if (flatTransforms) {\n    if (process.env.NODE_ENV === 'development' && debug) {\n      // eslint-disable-next-line no-console\n      console.log(\n        'Merging flat transforms, transform before',\n        [...(style.transform || [])],\n        flatTransforms\n      )\n    }\n    mergeTransforms(style, flatTransforms, true)\n  }\n\n  // add in defaults if not set:\n  if (parentSplitStyles) {\n    if (process.env.TAMAGUI_TARGET === 'web') {\n      if (shouldDoClasses) {\n        for (const key in parentSplitStyles.classNames) {\n          const val = parentSplitStyles.classNames[key]\n          if (key in style || key in classNames) continue\n          classNames[key] = val\n        }\n      }\n    }\n    if (!shouldDoClasses) {\n      for (const key in parentSplitStyles.style) {\n        if (key in classNames || key in style) continue\n        style[key] = parentSplitStyles.style[key]\n      }\n    }\n  }\n\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (shouldDoClasses) {\n      const retainedStyles = {}\n      if (style['$$css']) {\n        // avoid re-processing for rnw\n      } else {\n        const atomic = getStylesAtomic(style)\n        for (const atomicStyle of atomic) {\n          const key = atomicStyle.property\n          if (props.animateOnly && props.animateOnly.includes(key)) {\n            retainedStyles[key] = atomicStyle.value\n          } else {\n            addStyleToInsertRules(rulesToInsert, atomicStyle)\n            mergeClassName(transforms, classNames, key, atomicStyle.identifier)\n          }\n        }\n        if (!IS_STATIC) {\n          style = retainedStyles\n        }\n      }\n    }\n\n    if (transforms) {\n      for (const namespace in transforms) {\n        if (!transforms[namespace]) {\n          if (process.env.NODE_ENV === 'development') {\n            // eslint-disable-next-line no-console\n            console.warn('Error no transform', transforms, namespace)\n          }\n          continue\n        }\n        const [hash, val] = transforms[namespace]\n        const identifier = `_transform${hash}`\n        if (isClient && !insertedTransforms[identifier]) {\n          const rule = `.${identifier} { transform: ${val}; }`\n          addStyleToInsertRules(rulesToInsert, {\n            identifier,\n            rules: [rule],\n            property: namespace,\n          })\n        }\n        classNames[namespace] = identifier\n      }\n    }\n  }\n\n  const result = {\n    space,\n    hasMedia,\n    fontFamily,\n    viewProps,\n    style,\n    pseudos,\n    classNames,\n    rulesToInsert,\n  }\n\n  if (className) {\n    classNames.className = className\n  }\n\n  if (process.env.NODE_ENV === 'development' && debug === 'verbose') {\n    if (isDevTools) {\n      // eslint-disable-next-line no-console\n      console.groupCollapsed('  \uD83D\uDD39 styles =>')\n      // prettier-ignore\n      const logs = { ...result, state, etc: { transforms, viewProps, rulesToInsert, parentSplitStyles, flatTransforms } }\n      for (const key in logs) {\n        // eslint-disable-next-line no-console\n        console.log(key, logs[key])\n      }\n      // eslint-disable-next-line no-console\n      console.groupEnd()\n    }\n  }\n\n  cache.set(props, result)\n\n  return result\n}\n\nfunction mergeClassName(\n  transforms: Record<string, any[]>,\n  classNames: Record<string, string>,\n  key: string,\n  val: string,\n  isMediaOrPseudo = false\n) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    // empty classnames passed by compiler sometimes\n    if (!val) return\n    if (val[0] === '_' && val.startsWith('_transform-')) {\n      const ns: TransformNamespaceKey = isMediaOrPseudo ? key : 'transform'\n      let transform = insertedTransforms[val]\n      if (isClient && !transform) {\n        scanAllSheets() // HMR or loaded a new chunk\n        transform = insertedTransforms[val]\n        if (!transform && isWeb && val[0] !== '_') {\n          transform = val // runtime insert\n        }\n      }\n      transforms[ns] ||= ['', '']\n      transforms[ns][0] += val.replace('_transform', '')\n      // ssr doesn't need to do anything just make the right classname\n      if (transform) {\n        transforms[ns][1] += transform\n      }\n    } else {\n      classNames[key] = val\n    }\n  }\n}\n\n/**\n * getSubStyle calls propMapper with props\n * those should be specific to the substyle, but fallback to the base props\n * so given props:\n *\n *   { fontSize: 12, color: 'red', $sm: { color: 'blue' } }\n *\n * getSubStyle props should be a proxy that ends up like:\n *\n *   { fontSize: 12, color: 'blue' }\n *\n * and to avoid re-creating it over and over, use a WeakMap\n */\nconst cache = new WeakMap()\nfunction getSubStyleProps(\n  defaultProps: Object,\n  baseProps: Object,\n  specificProps: Object\n) {\n  const key = specificProps || baseProps\n  // can cache based only on specific it's always referentially consistent with base\n  if (!cache.has(key)) {\n    cache.set(key, {\n      ...defaultProps,\n      ...baseProps,\n      ...specificProps,\n    })\n  }\n  return cache.get(key)!\n}\n\nfunction mergeStyle(\n  { usedKeys, classNames, viewProps, style }: GetStyleState,\n  flatTransforms: FlatTransforms,\n  key: string,\n  val: any,\n  dontSetUsed = false\n) {\n  if (!dontSetUsed) {\n    usedKeys[key] ||= 1\n  }\n  if (val && val[0] === '_') {\n    classNames[key] = val\n  } else if (key in stylePropsTransform) {\n    flatTransforms ||= {}\n    flatTransforms[key] = val\n  } else {\n    const out = normalizeValueWithProperty(val, key)\n    if (key in validStylesOnBaseProps) {\n      viewProps[key] = out\n    } else {\n      style[key] = out\n    }\n  }\n}\n\nexport const getSubStyle = (\n  styleState: GetStyleState,\n  subKey: string,\n  styleIn: Object,\n  avoidDefaultProps?: boolean,\n  avoidMergeTransform?: boolean\n): ViewStyle => {\n  const { staticConfig, theme, props, state, conf, languageContext } = styleState\n  const styleOut: ViewStyle = {}\n\n  for (let key in styleIn) {\n    const val = styleIn[key]\n    key = conf.shorthands[key] || key\n    const expanded = staticConfig.propMapper(\n      key,\n      val,\n      theme,\n      getSubStyleProps(staticConfig.defaultProps, props, props[subKey]),\n      state,\n      languageContext,\n      avoidDefaultProps\n    )\n    if (!expanded) continue\n    for (const [skey, sval] of expanded) {\n      if (!avoidMergeTransform && skey in stylePropsTransform) {\n        mergeTransform(styleOut, skey, sval)\n      } else {\n        styleOut[skey] = normalizeValueWithProperty(sval, key)\n      }\n    }\n  }\n\n  fixStyles(styleOut)\n\n  return styleOut\n}\n\nexport const insertSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n  insertStyleRules(res.rulesToInsert)\n  return res\n}\n\n// on native no need to insert any css\nconst useInsertEffectCompat = isWeb\n  ? useInsertionEffect || useIsomorphicLayoutEffect\n  : () => {}\n\nexport const useSplitStyles: StyleSplitter = (...args) => {\n  const res = getSplitStyles(...args)\n\n  if (!isRSC) {\n    useInsertEffectCompat(() => {\n      insertStyleRules(res.rulesToInsert)\n    }, [res.rulesToInsert])\n  }\n\n  return res\n}\n\nfunction addStyleToInsertRules(\n  rulesToInsert: RulesToInsert,\n  styleObject: PartialStyleObject\n) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (!shouldInsertStyleRules(styleObject)) {\n      return\n    }\n    updateRules(styleObject.identifier, styleObject.rules)\n    rulesToInsert.push(styleObject)\n  }\n}\n\nfunction processIDRefList(idRefList: string | Array<string>): string {\n  return Array.isArray(idRefList) ? idRefList.join(' ') : idRefList\n}\n\nconst animatableDefaults = {\n  opacity: 1,\n  scale: 1,\n  rotate: '0deg',\n  rotateY: '0deg',\n  rotateX: '0deg',\n}\n\nconst lowercaseHyphenate = (match: string) => `-${match.toLowerCase()}`\nconst hyphenate = (str: string) => str.replace(/[A-Z]/g, lowercaseHyphenate)\n\nexport type FlatTransforms = Record<string, any>\n\nconst mergeTransform = (obj: ViewStyle, key: string, val: any, backwards = false) => {\n  obj.transform ||= []\n  obj.transform[backwards ? 'unshift' : 'push']({\n    [mapTransformKeys[key] || key]: val,\n  } as any)\n}\n\nconst mergeTransforms = (\n  obj: ViewStyle,\n  flatTransforms: FlatTransforms,\n  backwards = false\n) => {\n  Object.entries(flatTransforms).forEach(([key, val]) => {\n    mergeTransform(obj, key, val, backwards)\n  })\n}\n\nconst mapTransformKeys = {\n  x: 'translateX',\n  y: 'translateY',\n}\n"],
   "mappings": "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",
   "names": ["globalMediaState", "val", "style", "conf"]
 }

package/dist/cjs/helpers/getStylesAtomic.js

@@ -25,7 +25,7 @@ __export(getStylesAtomic_exports, {
 module.exports = __toCommonJS(getStylesAtomic_exports);
 var import_helpers = require("@tamagui/helpers");
 var import_config = require("../config.js");
-var import_expandStyles = require("./expandStyles.js");
+var import_defaultOffset = require("./defaultOffset.js");
 var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.js");
 var import_pseudoDescriptors = require("./pseudoDescriptors.js");
 const pseudosOrdered = [
@@ -114,7 +114,7 @@ const presetHashes = {
 function styleToCSS(style) {
   const { shadowOffset, shadowRadius, shadowColor } = style;
   if (style.shadowRadius !== void 0) {
-    const offset = shadowOffset || import_expandStyles.defaultOffset;
+    const offset = shadowOffset || import_defaultOffset.defaultOffset;
     const shadow = `${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(
       offset.width
     )} ${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(offset.height)} ${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(
@@ -127,7 +127,7 @@ function styleToCSS(style) {
   }
   const { textShadowColor, textShadowOffset, textShadowRadius } = style;
   if (textShadowColor || textShadowOffset || textShadowRadius) {
-    const { height, width } = textShadowOffset || import_expandStyles.defaultOffset;
+    const { height, width } = textShadowOffset || import_defaultOffset.defaultOffset;
     const radius = textShadowRadius || 0;
     const color = (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(textShadowColor, "textShadowColor");
     if (color && (height !== 0 || width !== 0 || radius !== 0)) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/getStylesAtomic.ts"],
-  "sourcesContent": ["/**\n * Some parts adapted from react-native-web\n * Copyright (c) Nicolas Gallagher licensed under the MIT license.\n */\n\nimport { StyleObject, simpleHash } from '@tamagui/helpers'\nimport type { TextStyle, ViewStyle } from 'react-native'\n\nimport { getConfig } from '../config.js'\nimport type { TamaguiInternalConfig } from '../types.js'\nimport { defaultOffset } from './expandStyles.js'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\nimport { PseudoDescriptor, pseudoDescriptors } from './pseudoDescriptors.js'\n\n// refactor this file away next...\n\ntype ViewOrTextStyle = ViewStyle | TextStyle\n\nexport type ViewStyleWithPseudos = ViewOrTextStyle & {\n  hoverStyle?: ViewOrTextStyle\n  pressStyle?: ViewOrTextStyle\n  focusStyle?: ViewOrTextStyle\n}\n\n// matching order of the below *0\nconst pseudosOrdered = [\n  pseudoDescriptors.hoverStyle,\n  pseudoDescriptors.pressStyle,\n  pseudoDescriptors.focusStyle,\n]\n\nexport function getStylesAtomic(stylesIn: ViewStyleWithPseudos) {\n  // performance optimization\n  if (!(stylesIn.hoverStyle || stylesIn.pressStyle || stylesIn.focusStyle)) {\n    return getAtomicStyle(stylesIn)\n  }\n\n  // only for pseudos\n  const { hoverStyle, pressStyle, focusStyle, ...base } = stylesIn\n  let res: StyleObject[] = []\n  // *1 order matched to *0\n  for (const [index, style] of [hoverStyle, pressStyle, focusStyle, base].entries()) {\n    if (!style) continue\n    const pseudo = pseudosOrdered[index]\n    res = [...res, ...getAtomicStyle(style, pseudo)]\n  }\n  return res\n}\n\nconst cache = new Map()\n\nexport function getAtomicStyle(\n  style: ViewOrTextStyle,\n  pseudo?: PseudoDescriptor\n): StyleObject[] {\n  if (!style) return []\n  const key = JSON.stringify(style) + (pseudo ? JSON.stringify(pseudo) : '')\n  if (cache.has(key)) {\n    return cache.get(key)\n  }\n  if (cache.size > 800) {\n    cache.clear()\n  }\n  if (process.env.NODE_ENV === 'development') {\n    if (!style || typeof style !== 'object') {\n      throw new Error(`Wrong style type: \"${typeof style}\": ${style}`)\n    }\n  }\n  const out = generateAtomicStyles(style, pseudo)\n  cache.set(key, out)\n  return out\n}\n\nlet conf: TamaguiInternalConfig\n\nconst generateAtomicStyles = (\n  styleIn: ViewStyle & TextStyle,\n  pseudo?: PseudoDescriptor\n): StyleObject[] => {\n  conf = conf || getConfig()\n\n  // were converting to css styles\n  const style = styleIn as Record<string, string | null | undefined>\n\n  // transform\n  if (style.transform && Array.isArray(style.transform)) {\n    style.transform = style.transform\n      .map(\n        // { scale: 2 } => 'scale(2)'\n        // { translateX: 20 } => 'translateX(20px)'\n        // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'\n        (transform) => {\n          const type = Object.keys(transform)[0]\n          const value = transform[type]\n          if (type === 'matrix' || type === 'matrix3d') {\n            return `${type}(${value.join(',')})`\n          }\n          return `${type}(${normalizeValueWithProperty(value, type)})`\n        }\n      )\n      .join(' ')\n  }\n\n  styleToCSS(style)\n\n  const out: StyleObject[] = []\n  for (const key in style) {\n    const value = normalizeValueWithProperty(style[key], key)\n    if (value == null || value == undefined) continue\n    const hash = presetHashes[value]\n      ? value\n      : typeof value === 'string'\n      ? simpleHash(value)\n      : `${value}`.replace('.', 'dot')\n\n    const pseudoPrefix = pseudo ? `0${pseudo.name}-` : ''\n    const shortProp = conf.inverseShorthands[key] || key\n    const identifier = `_${shortProp}-${pseudoPrefix}${hash}`\n    const rules = createAtomicRules(identifier, key, value, pseudo)\n    const styleObject: StyleObject = {\n      property: key,\n      pseudo: pseudo?.name as any,\n      value,\n      identifier,\n      rules,\n    }\n    out.push(styleObject)\n  }\n\n  return out\n}\n\nconst presetHashes = {\n  none: true,\n}\n\nexport function styleToCSS(style: Record<string, any>) {\n  // box-shadow\n  const { shadowOffset, shadowRadius, shadowColor } = style\n  if (style.shadowRadius !== undefined) {\n    const offset = shadowOffset || defaultOffset\n    const shadow = `${normalizeValueWithProperty(\n      offset.width\n    )} ${normalizeValueWithProperty(offset.height)} ${normalizeValueWithProperty(\n      shadowRadius\n    )} ${shadowColor}`\n    style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow\n    style.shadowOffset = undefined\n    style.shadowRadius = undefined\n    style.shadowColor = undefined\n  }\n\n  // text-shadow\n  const { textShadowColor, textShadowOffset, textShadowRadius } = style\n  if (textShadowColor || textShadowOffset || textShadowRadius) {\n    const { height, width } = textShadowOffset || defaultOffset\n    const radius = textShadowRadius || 0\n    const color = normalizeValueWithProperty(textShadowColor, 'textShadowColor')\n    if (color && (height !== 0 || width !== 0 || radius !== 0)) {\n      const blurRadius = normalizeValueWithProperty(radius)\n      const offsetX = normalizeValueWithProperty(width)\n      const offsetY = normalizeValueWithProperty(height)\n      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`\n    }\n    style.textShadowColor = undefined\n    style.textShadowOffset = undefined\n    style.textShadowRadius = undefined\n  }\n}\n\nfunction createDeclarationBlock(style: Record<string, any>, important = false) {\n  let next = ''\n  for (const key in style) {\n    const prop = hyphenateStyleName(key)\n    const value = style[key]\n    next += `${prop}:${value}${important ? ' !important' : ''};`\n  }\n  return `{${next}}`\n}\n\nconst hcache = {}\nconst toHyphenLower = (match: string) => `-${match.toLowerCase()}`\nconst hyphenateStyleName = (key: string) => {\n  let val = hcache[key]\n  if (val) return val\n  hcache[key] = val = key.replace(/[A-Z]/g, toHyphenLower)\n  return val\n}\n\nconst pseudoSelectorPrefixes = (() => {\n  const res: Record<string, string> = {}\n  for (const key in pseudoDescriptors) {\n    const pseudo = pseudoDescriptors[key]\n    res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ':root').join('')} `\n  }\n  return res\n})()\n\nfunction createAtomicRules(\n  identifier: string,\n  property: string,\n  value: any,\n  pseudo?: PseudoDescriptor\n): string[] {\n  const selector = pseudo\n    ? `${pseudoSelectorPrefixes[pseudo.name]} .${identifier}:${pseudo.name}`\n    : `.${identifier}`\n  const important = !!pseudo\n\n  let rules: string[] = []\n\n  // Handle non-standard properties and object values that require multiple\n  // CSS rules to be created.\n  switch (property) {\n    // Equivalent to using '::placeholder'\n    case 'placeholderTextColor': {\n      const block = createDeclarationBlock({ color: value, opacity: 1 }, important)\n      rules.push(`${selector}::placeholder${block}`)\n      break\n    }\n\n    // all webkit prefixed rules\n    case 'backgroundClip':\n    case 'userSelect': {\n      const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`\n      const webkitProperty = `Webkit${propertyCapitalized}`\n      const block = createDeclarationBlock(\n        { [property]: value, [webkitProperty]: value },\n        important\n      )\n      rules.push(`${selector}${block}`)\n      break\n    }\n\n    // Polyfill for additional 'pointer-events' values\n    case 'pointerEvents': {\n      let finalValue = value\n      if (value === 'auto' || value === 'box-only') {\n        finalValue = 'auto'\n        if (value === 'box-only') {\n          rules.push(`${selector}>*${boxOnly}`)\n        }\n      } else if (value === 'none' || value === 'box-none') {\n        finalValue = 'none'\n        if (value === 'box-none') {\n          rules.push(`${selector}>*${boxNone}`)\n        }\n      }\n      const block = createDeclarationBlock({ pointerEvents: finalValue }, true)\n      rules.push(`${selector}${block}`)\n      break\n    }\n\n    default: {\n      const block = createDeclarationBlock({ [property]: value }, important)\n      rules.push(`${selector}${block}`)\n      break\n    }\n  }\n\n  // hover styles need to be conditional\n  // perhaps this can be generalized but for now lets just shortcut\n  // and hardcode for hover styles, if we need to later we can\n  // WEIRD SYNTAX, SEE:\n  //   https://stackoverflow.com/questions/40532204/media-query-for-devices-supporting-hover\n  if (pseudo && pseudo.name === 'hover') {\n    rules = rules.map((r) => `@media not all and (hover: none) { ${r} }`)\n  }\n\n  return rules\n}\n\nconst boxNone = createDeclarationBlock({ pointerEvents: 'auto' }, true)\nconst boxOnly = createDeclarationBlock({ pointerEvents: 'none' }, true)\n"],
-  "mappings": "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",
+  "sourcesContent": ["/**\n * Some parts adapted from react-native-web\n * Copyright (c) Nicolas Gallagher licensed under the MIT license.\n */\n\nimport { StyleObject, simpleHash } from '@tamagui/helpers'\nimport type { TextStyle, ViewStyle } from 'react-native'\n\nimport { getConfig } from '../config.js'\nimport type { TamaguiInternalConfig } from '../types.js'\nimport { defaultOffset } from './defaultOffset.js'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\nimport { PseudoDescriptor, pseudoDescriptors } from './pseudoDescriptors.js'\n\n// refactor this file away next...\n\ntype ViewOrTextStyle = ViewStyle | TextStyle\n\nexport type ViewStyleWithPseudos = ViewOrTextStyle & {\n  hoverStyle?: ViewOrTextStyle\n  pressStyle?: ViewOrTextStyle\n  focusStyle?: ViewOrTextStyle\n}\n\n// matching order of the below *0\nconst pseudosOrdered = [\n  pseudoDescriptors.hoverStyle,\n  pseudoDescriptors.pressStyle,\n  pseudoDescriptors.focusStyle,\n]\n\nexport function getStylesAtomic(stylesIn: ViewStyleWithPseudos) {\n  // performance optimization\n  if (!(stylesIn.hoverStyle || stylesIn.pressStyle || stylesIn.focusStyle)) {\n    return getAtomicStyle(stylesIn)\n  }\n\n  // only for pseudos\n  const { hoverStyle, pressStyle, focusStyle, ...base } = stylesIn\n  let res: StyleObject[] = []\n  // *1 order matched to *0\n  for (const [index, style] of [hoverStyle, pressStyle, focusStyle, base].entries()) {\n    if (!style) continue\n    const pseudo = pseudosOrdered[index]\n    res = [...res, ...getAtomicStyle(style, pseudo)]\n  }\n  return res\n}\n\nconst cache = new Map()\n\nexport function getAtomicStyle(\n  style: ViewOrTextStyle,\n  pseudo?: PseudoDescriptor\n): StyleObject[] {\n  if (!style) return []\n  const key = JSON.stringify(style) + (pseudo ? JSON.stringify(pseudo) : '')\n  if (cache.has(key)) {\n    return cache.get(key)\n  }\n  if (cache.size > 800) {\n    cache.clear()\n  }\n  if (process.env.NODE_ENV === 'development') {\n    if (!style || typeof style !== 'object') {\n      throw new Error(`Wrong style type: \"${typeof style}\": ${style}`)\n    }\n  }\n  const out = generateAtomicStyles(style, pseudo)\n  cache.set(key, out)\n  return out\n}\n\nlet conf: TamaguiInternalConfig\n\nconst generateAtomicStyles = (\n  styleIn: ViewStyle & TextStyle,\n  pseudo?: PseudoDescriptor\n): StyleObject[] => {\n  conf = conf || getConfig()\n\n  // were converting to css styles\n  const style = styleIn as Record<string, string | null | undefined>\n\n  // transform\n  if (style.transform && Array.isArray(style.transform)) {\n    style.transform = style.transform\n      .map(\n        // { scale: 2 } => 'scale(2)'\n        // { translateX: 20 } => 'translateX(20px)'\n        // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'\n        (transform) => {\n          const type = Object.keys(transform)[0]\n          const value = transform[type]\n          if (type === 'matrix' || type === 'matrix3d') {\n            return `${type}(${value.join(',')})`\n          }\n          return `${type}(${normalizeValueWithProperty(value, type)})`\n        }\n      )\n      .join(' ')\n  }\n\n  styleToCSS(style)\n\n  const out: StyleObject[] = []\n  for (const key in style) {\n    const value = normalizeValueWithProperty(style[key], key)\n    if (value == null || value == undefined) continue\n    const hash = presetHashes[value]\n      ? value\n      : typeof value === 'string'\n      ? simpleHash(value)\n      : `${value}`.replace('.', 'dot')\n\n    const pseudoPrefix = pseudo ? `0${pseudo.name}-` : ''\n    const shortProp = conf.inverseShorthands[key] || key\n    const identifier = `_${shortProp}-${pseudoPrefix}${hash}`\n    const rules = createAtomicRules(identifier, key, value, pseudo)\n    const styleObject: StyleObject = {\n      property: key,\n      pseudo: pseudo?.name as any,\n      value,\n      identifier,\n      rules,\n    }\n    out.push(styleObject)\n  }\n\n  return out\n}\n\nconst presetHashes = {\n  none: true,\n}\n\nexport function styleToCSS(style: Record<string, any>) {\n  // box-shadow\n  const { shadowOffset, shadowRadius, shadowColor } = style\n  if (style.shadowRadius !== undefined) {\n    const offset = shadowOffset || defaultOffset\n    const shadow = `${normalizeValueWithProperty(\n      offset.width\n    )} ${normalizeValueWithProperty(offset.height)} ${normalizeValueWithProperty(\n      shadowRadius\n    )} ${shadowColor}`\n    style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow\n    style.shadowOffset = undefined\n    style.shadowRadius = undefined\n    style.shadowColor = undefined\n  }\n\n  // text-shadow\n  const { textShadowColor, textShadowOffset, textShadowRadius } = style\n  if (textShadowColor || textShadowOffset || textShadowRadius) {\n    const { height, width } = textShadowOffset || defaultOffset\n    const radius = textShadowRadius || 0\n    const color = normalizeValueWithProperty(textShadowColor, 'textShadowColor')\n    if (color && (height !== 0 || width !== 0 || radius !== 0)) {\n      const blurRadius = normalizeValueWithProperty(radius)\n      const offsetX = normalizeValueWithProperty(width)\n      const offsetY = normalizeValueWithProperty(height)\n      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`\n    }\n    style.textShadowColor = undefined\n    style.textShadowOffset = undefined\n    style.textShadowRadius = undefined\n  }\n}\n\nfunction createDeclarationBlock(style: Record<string, any>, important = false) {\n  let next = ''\n  for (const key in style) {\n    const prop = hyphenateStyleName(key)\n    const value = style[key]\n    next += `${prop}:${value}${important ? ' !important' : ''};`\n  }\n  return `{${next}}`\n}\n\nconst hcache = {}\nconst toHyphenLower = (match: string) => `-${match.toLowerCase()}`\nconst hyphenateStyleName = (key: string) => {\n  let val = hcache[key]\n  if (val) return val\n  hcache[key] = val = key.replace(/[A-Z]/g, toHyphenLower)\n  return val\n}\n\nconst pseudoSelectorPrefixes = (() => {\n  const res: Record<string, string> = {}\n  for (const key in pseudoDescriptors) {\n    const pseudo = pseudoDescriptors[key]\n    res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ':root').join('')} `\n  }\n  return res\n})()\n\nfunction createAtomicRules(\n  identifier: string,\n  property: string,\n  value: any,\n  pseudo?: PseudoDescriptor\n): string[] {\n  const selector = pseudo\n    ? `${pseudoSelectorPrefixes[pseudo.name]} .${identifier}:${pseudo.name}`\n    : `.${identifier}`\n  const important = !!pseudo\n\n  let rules: string[] = []\n\n  // Handle non-standard properties and object values that require multiple\n  // CSS rules to be created.\n  switch (property) {\n    // Equivalent to using '::placeholder'\n    case 'placeholderTextColor': {\n      const block = createDeclarationBlock({ color: value, opacity: 1 }, important)\n      rules.push(`${selector}::placeholder${block}`)\n      break\n    }\n\n    // all webkit prefixed rules\n    case 'backgroundClip':\n    case 'userSelect': {\n      const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`\n      const webkitProperty = `Webkit${propertyCapitalized}`\n      const block = createDeclarationBlock(\n        { [property]: value, [webkitProperty]: value },\n        important\n      )\n      rules.push(`${selector}${block}`)\n      break\n    }\n\n    // Polyfill for additional 'pointer-events' values\n    case 'pointerEvents': {\n      let finalValue = value\n      if (value === 'auto' || value === 'box-only') {\n        finalValue = 'auto'\n        if (value === 'box-only') {\n          rules.push(`${selector}>*${boxOnly}`)\n        }\n      } else if (value === 'none' || value === 'box-none') {\n        finalValue = 'none'\n        if (value === 'box-none') {\n          rules.push(`${selector}>*${boxNone}`)\n        }\n      }\n      const block = createDeclarationBlock({ pointerEvents: finalValue }, true)\n      rules.push(`${selector}${block}`)\n      break\n    }\n\n    default: {\n      const block = createDeclarationBlock({ [property]: value }, important)\n      rules.push(`${selector}${block}`)\n      break\n    }\n  }\n\n  // hover styles need to be conditional\n  // perhaps this can be generalized but for now lets just shortcut\n  // and hardcode for hover styles, if we need to later we can\n  // WEIRD SYNTAX, SEE:\n  //   https://stackoverflow.com/questions/40532204/media-query-for-devices-supporting-hover\n  if (pseudo && pseudo.name === 'hover') {\n    rules = rules.map((r) => `@media not all and (hover: none) { ${r} }`)\n  }\n\n  return rules\n}\n\nconst boxNone = createDeclarationBlock({ pointerEvents: 'auto' }, true)\nconst boxOnly = createDeclarationBlock({ pointerEvents: 'none' }, true)\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/helpers/normalizeShadow.js

@@ -21,7 +21,7 @@ __export(normalizeShadow_exports, {
   normalizeShadow: () => normalizeShadow
 });
 module.exports = __toCommonJS(normalizeShadow_exports);
-var import_expandStyles = require("./expandStyles.js");
+var import_defaultOffset = require("./defaultOffset.js");
 var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.js");
 function normalizeShadow({
   shadowColor,
@@ -29,7 +29,7 @@ function normalizeShadow({
   shadowOpacity = 1,
   shadowRadius
 }) {
-  const { height, width } = shadowOffset || import_expandStyles.defaultOffset;
+  const { height, width } = shadowOffset || import_defaultOffset.defaultOffset;
   return {
     shadowOffset: {
       width: (0, import_normalizeValueWithProperty.normalizeValueWithProperty)(width || 0),

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/normalizeShadow.ts"],
-  "sourcesContent": ["import { defaultOffset } from './expandStyles.js'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\n\nexport function normalizeShadow({\n  shadowColor,\n  shadowOffset,\n  shadowOpacity = 1,\n  shadowRadius,\n}: Record<string, any>) {\n  const { height, width } = shadowOffset || defaultOffset\n  return {\n    shadowOffset: {\n      width: normalizeValueWithProperty(width || 0),\n      height: normalizeValueWithProperty(height || 0),\n    },\n    shadowRadius: normalizeValueWithProperty(shadowRadius || 0),\n    shadowColor,\n    shadowOpacity,\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA8B;AAC9B,wCAA2C;AAEpC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AACF,GAAwB;AACtB,QAAM,EAAE,QAAQ,MAAM,IAAI,gBAAgB;AAC1C,SAAO;AAAA,IACL,cAAc;AAAA,MACZ,WAAO,8DAA2B,SAAS,CAAC;AAAA,MAC5C,YAAQ,8DAA2B,UAAU,CAAC;AAAA,IAChD;AAAA,IACA,kBAAc,8DAA2B,gBAAgB,CAAC;AAAA,IAC1D;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { defaultOffset } from './defaultOffset.js'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\n\nexport function normalizeShadow({\n  shadowColor,\n  shadowOffset,\n  shadowOpacity = 1,\n  shadowRadius,\n}: Record<string, any>) {\n  const { height, width } = shadowOffset || defaultOffset\n  return {\n    shadowOffset: {\n      width: normalizeValueWithProperty(width || 0),\n      height: normalizeValueWithProperty(height || 0),\n    },\n    shadowRadius: normalizeValueWithProperty(shadowRadius || 0),\n    shadowColor,\n    shadowOpacity,\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAC9B,wCAA2C;AAEpC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AACF,GAAwB;AACtB,QAAM,EAAE,QAAQ,MAAM,IAAI,gBAAgB;AAC1C,SAAO;AAAA,IACL,cAAc;AAAA,MACZ,WAAO,8DAA2B,SAAS,CAAC;AAAA,MAC5C,YAAQ,8DAA2B,UAAU,CAAC;AAAA,IAChD;AAAA,IACA,kBAAc,8DAA2B,gBAAgB,CAAC;AAAA,IAC1D;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -22,7 +22,7 @@ __export(normalizeShadow_native_exports, {
 });
 module.exports = __toCommonJS(normalizeShadow_native_exports);
 var import_normalize_css_color = require("@tamagui/normalize-css-color");
-var import_expandStyles = require("./expandStyles.js");
+var import_defaultOffset = require("./defaultOffset.js");
 var import_normalizeColor = require("./normalizeColor.js");
 var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.js");
 function normalizeShadow({
@@ -31,7 +31,7 @@ function normalizeShadow({
   shadowOpacity,
   shadowRadius
 }) {
-  const { height, width } = shadowOffset || import_expandStyles.defaultOffset;
+  const { height, width } = shadowOffset || import_defaultOffset.defaultOffset;
   const colorStr = String(shadowColor || "black");
   const val = (0, import_normalize_css_color.normalizeCSSColor)(colorStr);
   if (typeof val !== "number") {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/normalizeShadow.native.ts"],
-  "sourcesContent": ["import { normalizeCSSColor } from '@tamagui/normalize-css-color'\n\nimport { defaultOffset } from './expandStyles.js'\nimport { rgba } from './normalizeColor.js'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\n\nexport function normalizeShadow({\n  shadowColor,\n  shadowOffset,\n  shadowOpacity,\n  shadowRadius,\n}: Record<string, any>) {\n  const { height, width } = shadowOffset || defaultOffset\n  const colorStr = String(shadowColor || 'black')\n  const val = normalizeCSSColor(colorStr)\n  if (typeof val !== 'number') {\n    throw new Error(`invalid shadow color ${colorStr}`)\n  }\n  const { r, g, b, a } = rgba(val)\n  return {\n    shadowOffset: {\n      width: normalizeValueWithProperty(width || 0),\n      height: normalizeValueWithProperty(height || 0),\n    },\n    shadowRadius: normalizeValueWithProperty(shadowRadius || 0),\n    shadowColor: `rgb(${r},${g},${b})`,\n    shadowOpacity: shadowOpacity ?? a,\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAAkC;AAElC,0BAA8B;AAC9B,4BAAqB;AACrB,wCAA2C;AAEpC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,EAAE,QAAQ,MAAM,IAAI,gBAAgB;AAC1C,QAAM,WAAW,OAAO,eAAe,OAAO;AAC9C,QAAM,UAAM,8CAAkB,QAAQ;AACtC,MAAI,OAAO,QAAQ,UAAU;AAC3B,UAAM,IAAI,MAAM,wBAAwB,UAAU;AAAA,EACpD;AACA,QAAM,EAAE,GAAG,GAAG,GAAG,EAAE,QAAI,4BAAK,GAAG;AAC/B,SAAO;AAAA,IACL,cAAc;AAAA,MACZ,WAAO,8DAA2B,SAAS,CAAC;AAAA,MAC5C,YAAQ,8DAA2B,UAAU,CAAC;AAAA,IAChD;AAAA,IACA,kBAAc,8DAA2B,gBAAgB,CAAC;AAAA,IAC1D,aAAa,OAAO,KAAK,KAAK;AAAA,IAC9B,eAAe,iBAAiB;AAAA,EAClC;AACF;",
+  "sourcesContent": ["import { normalizeCSSColor } from '@tamagui/normalize-css-color'\n\nimport { defaultOffset } from './defaultOffset.js'\nimport { rgba } from './normalizeColor.js'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\n\nexport function normalizeShadow({\n  shadowColor,\n  shadowOffset,\n  shadowOpacity,\n  shadowRadius,\n}: Record<string, any>) {\n  const { height, width } = shadowOffset || defaultOffset\n  const colorStr = String(shadowColor || 'black')\n  const val = normalizeCSSColor(colorStr)\n  if (typeof val !== 'number') {\n    throw new Error(`invalid shadow color ${colorStr}`)\n  }\n  const { r, g, b, a } = rgba(val)\n  return {\n    shadowOffset: {\n      width: normalizeValueWithProperty(width || 0),\n      height: normalizeValueWithProperty(height || 0),\n    },\n    shadowRadius: normalizeValueWithProperty(shadowRadius || 0),\n    shadowColor: `rgb(${r},${g},${b})`,\n    shadowOpacity: shadowOpacity ?? a,\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAAkC;AAElC,2BAA8B;AAC9B,4BAAqB;AACrB,wCAA2C;AAEpC,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAwB;AACtB,QAAM,EAAE,QAAQ,MAAM,IAAI,gBAAgB;AAC1C,QAAM,WAAW,OAAO,eAAe,OAAO;AAC9C,QAAM,UAAM,8CAAkB,QAAQ;AACtC,MAAI,OAAO,QAAQ,UAAU;AAC3B,UAAM,IAAI,MAAM,wBAAwB,UAAU;AAAA,EACpD;AACA,QAAM,EAAE,GAAG,GAAG,GAAG,EAAE,QAAI,4BAAK,GAAG;AAC/B,SAAO;AAAA,IACL,cAAc;AAAA,MACZ,WAAO,8DAA2B,SAAS,CAAC;AAAA,MAC5C,YAAQ,8DAA2B,UAAU,CAAC;AAAA,IAChD;AAAA,IACA,kBAAc,8DAA2B,gBAAgB,CAAC;AAAA,IAC1D,aAAa,OAAO,KAAK,KAAK;AAAA,IAC9B,eAAe,iBAAiB;AAAA,EAClC;AACF;",
   "names": []
 }

package/dist/cjs/helpers/normalizeValueWithProperty.js

@@ -25,7 +25,7 @@ module.exports = __toCommonJS(normalizeValueWithProperty_exports);
 var import_constants = require("@tamagui/constants");
 var import_insertStyleRule = require("./insertStyleRule.js");
 var import_normalizeColor = require("./normalizeColor.js");
-var import_normalizeStylePropKeys = require("./normalizeStylePropKeys.js");
+var import_normalizeStylePropKeys = require("./normalizeStylePropKeys");
 const colorCache = {};
 function normalizeValueWithProperty(value, property) {
   if (value in colorCache) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/helpers/normalizeValueWithProperty.ts"],
-  "sourcesContent": ["/**\n * Some parts adapted from react-native-web\n * Copyright (c) Nicolas Gallagher licensed under the MIT license.\n */\n\nimport { isWeb } from '@tamagui/constants'\n\nimport { getAllSelectors } from './insertStyleRule.js'\nimport { names, normalizeColor } from './normalizeColor.js'\nimport { normalizeStylePropKeys } from './normalizeStylePropKeys.js'\n\nconst colorCache = {}\n\nexport function normalizeValueWithProperty(value: any, property?: string): any {\n  if (value in colorCache) {\n    return colorCache[value]\n  }\n  if (property && property in unitlessNumbers) {\n    return value\n  }\n  let res = value\n  if (property && (property in normalizeStylePropKeys || value in names)) {\n    res = normalizeColor(value)\n    colorCache[value] = res\n  } else if (\n    process.env.TAMAGUI_TARGET === 'web' &&\n    typeof value === 'number' &&\n    (property === undefined ||\n      !(property in unitlessNumbers || property in stringNumbers))\n  ) {\n    res = `${value}px`\n  } else if (isWeb && property !== undefined && property in stringNumbers) {\n    res = `${res}`\n  }\n  return res\n}\n\nconst stringNumbers = {\n  zIndex: true,\n}\n\nconst unitlessNumbers = {\n  WebkitLineClamp: true,\n  animationIterationCount: true,\n  aspectRatio: true,\n  borderImageOutset: true,\n  borderImageSlice: true,\n  borderImageWidth: true,\n  columnCount: true,\n  flex: true,\n  flexGrow: true,\n  flexBasis: true,\n  flexOrder: true,\n  flexPositive: true,\n  flexShrink: true,\n  flexNegative: true,\n  fontWeight: true,\n  gridRow: true,\n  gridRowEnd: true,\n  gridRowGap: true,\n  gridRowStart: true,\n  gridColumn: true,\n  gridColumnEnd: true,\n  gridColumnGap: true,\n  gridColumnStart: true,\n  lineClamp: true,\n  opacity: true,\n  order: true,\n  orphans: true,\n  tabSize: true,\n  widows: true,\n  zoom: true,\n  scale: true,\n  scaleX: true,\n  scaleY: true,\n  scaleZ: true,\n  shadowOpacity: true,\n}\n\n// getting real values for colors for animations (reverse mapped from CSS)\n// this isn't beautiful, but will do relatively fine performance for now\nconst rcache = {}\nexport function reverseMapClassNameToValue(key: string, className: string) {\n  const selectors = getAllSelectors()\n  const cssRule = selectors[className]\n  if (rcache[cssRule]) return rcache[cssRule]\n  if (!cssRule) {\n    return\n  }\n  const cssVal = cssRule.replace(/.*:/, '').replace(/;.*/, '').trim()\n  let res: any\n  if (cssVal.startsWith('var(')) {\n    res = cssVal\n  } else if (unitlessNumbers[key]) {\n    res = +cssVal\n  } else if (cssVal.endsWith('px')) {\n    res = +cssVal.replace('px', '')\n  } else {\n    res = cssVal\n  }\n  rcache[cssRule] = res\n  if (process.env.NODE_ENV === 'development') {\n    // ensure we are parsing properly\n    if (typeof res === 'number' && isNaN(res)) {\n      // eslint-disable-next-line no-console\n      console.log('Tamagui invalid parsed value, NaN:', {\n        res,\n        cssVal,\n        cssRule,\n        key,\n        className,\n      })\n    }\n  }\n  return res\n}\n"],
+  "sourcesContent": ["/**\n * Some parts adapted from react-native-web\n * Copyright (c) Nicolas Gallagher licensed under the MIT license.\n */\n\nimport { isWeb } from '@tamagui/constants'\n\nimport { getAllSelectors } from './insertStyleRule.js'\nimport { names, normalizeColor } from './normalizeColor.js'\nimport { normalizeStylePropKeys } from './normalizeStylePropKeys'\n\nconst colorCache = {}\n\nexport function normalizeValueWithProperty(value: any, property?: string): any {\n  if (value in colorCache) {\n    return colorCache[value]\n  }\n  if (property && property in unitlessNumbers) {\n    return value\n  }\n  let res = value\n  if (property && (property in normalizeStylePropKeys || value in names)) {\n    res = normalizeColor(value)\n    colorCache[value] = res\n  } else if (\n    process.env.TAMAGUI_TARGET === 'web' &&\n    typeof value === 'number' &&\n    (property === undefined ||\n      !(property in unitlessNumbers || property in stringNumbers))\n  ) {\n    res = `${value}px`\n  } else if (isWeb && property !== undefined && property in stringNumbers) {\n    res = `${res}`\n  }\n  return res\n}\n\nconst stringNumbers = {\n  zIndex: true,\n}\n\nconst unitlessNumbers = {\n  WebkitLineClamp: true,\n  animationIterationCount: true,\n  aspectRatio: true,\n  borderImageOutset: true,\n  borderImageSlice: true,\n  borderImageWidth: true,\n  columnCount: true,\n  flex: true,\n  flexGrow: true,\n  flexBasis: true,\n  flexOrder: true,\n  flexPositive: true,\n  flexShrink: true,\n  flexNegative: true,\n  fontWeight: true,\n  gridRow: true,\n  gridRowEnd: true,\n  gridRowGap: true,\n  gridRowStart: true,\n  gridColumn: true,\n  gridColumnEnd: true,\n  gridColumnGap: true,\n  gridColumnStart: true,\n  lineClamp: true,\n  opacity: true,\n  order: true,\n  orphans: true,\n  tabSize: true,\n  widows: true,\n  zoom: true,\n  scale: true,\n  scaleX: true,\n  scaleY: true,\n  scaleZ: true,\n  shadowOpacity: true,\n}\n\n// getting real values for colors for animations (reverse mapped from CSS)\n// this isn't beautiful, but will do relatively fine performance for now\nconst rcache = {}\nexport function reverseMapClassNameToValue(key: string, className: string) {\n  const selectors = getAllSelectors()\n  const cssRule = selectors[className]\n  if (rcache[cssRule]) return rcache[cssRule]\n  if (!cssRule) {\n    return\n  }\n  const cssVal = cssRule.replace(/.*:/, '').replace(/;.*/, '').trim()\n  let res: any\n  if (cssVal.startsWith('var(')) {\n    res = cssVal\n  } else if (unitlessNumbers[key]) {\n    res = +cssVal\n  } else if (cssVal.endsWith('px')) {\n    res = +cssVal.replace('px', '')\n  } else {\n    res = cssVal\n  }\n  rcache[cssRule] = res\n  if (process.env.NODE_ENV === 'development') {\n    // ensure we are parsing properly\n    if (typeof res === 'number' && isNaN(res)) {\n      // eslint-disable-next-line no-console\n      console.log('Tamagui invalid parsed value, NaN:', {\n        res,\n        cssVal,\n        cssRule,\n        key,\n        className,\n      })\n    }\n  }\n  return res\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,uBAAsB;AAEtB,6BAAgC;AAChC,4BAAsC;AACtC,oCAAuC;AAEvC,MAAM,aAAa,CAAC;AAEb,SAAS,2BAA2B,OAAY,UAAwB;AAC7E,MAAI,SAAS,YAAY;AACvB,WAAO,WAAW,KAAK;AAAA,EACzB;AACA,MAAI,YAAY,YAAY,iBAAiB;AAC3C,WAAO;AAAA,EACT;AACA,MAAI,MAAM;AACV,MAAI,aAAa,YAAY,wDAA0B,SAAS,8BAAQ;AACtE,cAAM,sCAAe,KAAK;AAC1B,eAAW,KAAK,IAAI;AAAA,EACtB,WACE,QAAQ,IAAI,mBAAmB,SAC/B,OAAO,UAAU,aAChB,aAAa,UACZ,EAAE,YAAY,mBAAmB,YAAY,iBAC/C;AACA,UAAM,GAAG;AAAA,EACX,WAAW,0BAAS,aAAa,UAAa,YAAY,eAAe;AACvE,UAAM,GAAG;AAAA,EACX;AACA,SAAO;AACT;AAEA,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AACV;AAEA,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,WAAW;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,eAAe;AACjB;AAIA,MAAM,SAAS,CAAC;AACT,SAAS,2BAA2B,KAAa,WAAmB;AACzE,QAAM,gBAAY,wCAAgB;AAClC,QAAM,UAAU,UAAU,SAAS;AACnC,MAAI,OAAO,OAAO;AAAG,WAAO,OAAO,OAAO;AAC1C,MAAI,CAAC,SAAS;AACZ;AAAA,EACF;AACA,QAAM,SAAS,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,OAAO,EAAE,EAAE,KAAK;AAClE,MAAI;AACJ,MAAI,OAAO,WAAW,MAAM,GAAG;AAC7B,UAAM;AAAA,EACR,WAAW,gBAAgB,GAAG,GAAG;AAC/B,UAAM,CAAC;AAAA,EACT,WAAW,OAAO,SAAS,IAAI,GAAG;AAChC,UAAM,CAAC,OAAO,QAAQ,MAAM,EAAE;AAAA,EAChC,OAAO;AACL,UAAM;AAAA,EACR;AACA,SAAO,OAAO,IAAI;AAClB,MAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,QAAI,OAAO,QAAQ,YAAY,MAAM,GAAG,GAAG;AAEzC,cAAQ,IAAI,sCAAsC;AAAA,QAChD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACA,SAAO;AACT;",
   "names": []
 }

package/dist/cjs/hooks/useMedia.js

@@ -29,6 +29,7 @@ __export(useMedia_exports, {
   mediaState: () => mediaState,
   mergeMediaByImportance: () => mergeMediaByImportance,
   setMediaShouldUpdate: () => setMediaShouldUpdate,
+  setupMediaListeners: () => setupMediaListeners,
   useMedia: () => useMedia,
   useMediaListeners: () => useMediaListeners,
   useMediaPropsActive: () => useMediaPropsActive
@@ -37,7 +38,7 @@ module.exports = __toCommonJS(useMedia_exports);
 var import_react = require("react");
 var import_config = require("../config.js");
 var import_createProxy = require("../helpers/createProxy.js");
-var import_matchMedia = require("../helpers/matchMedia.js");
+var import_matchMedia = require("../helpers/matchMedia");
 var import_useSafeRef = require("./useSafeRef.js");
 let mediaState = (
   // development only safeguard
@@ -102,6 +103,7 @@ function setupMediaListeners() {
       const next = !!getMatch().matches;
       if (next === mediaState[key])
         return;
+      console.log(`go`, key, next);
       mediaState = { ...mediaState, [key]: next };
       updateCurrentState();
     };
@@ -256,6 +258,7 @@ function mediaObjectToString(query) {
   mediaState,
   mergeMediaByImportance,
   setMediaShouldUpdate,
+  setupMediaListeners,
   useMedia,
   useMediaListeners,
   useMediaPropsActive