@tamagui/web 1.13.3 → 1.13.4

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/ThemeManager.tsx"],
   "sourcesContent": ["import { getThemes, getTokens } from '../config.js'\nimport { THEME_CLASSNAME_PREFIX, THEME_NAME_SEPARATOR } from '../constants/constants.js'\nimport { getThemeUnwrapped } from '../hooks/getThemeUnwrapped.js'\nimport { ThemeParsed, ThemeProps } from '../types.js'\n\ntype ThemeListener = (name: string | null, themeManager: ThemeManager) => void\n\nexport type SetActiveThemeProps = {\n  className?: string\n  parentManager?: ThemeManager | null\n  name?: string | null\n  theme?: any\n  reset?: boolean\n}\n\nexport type ThemeManagerState = {\n  name: string\n  theme?: ThemeParsed | null\n  className?: string\n  parentName?: string\n}\n\nconst emptyState: ThemeManagerState = { name: '' }\n\nexport function hasNoThemeUpdatingProps(props: ThemeProps) {\n  return !(props.name || props.componentName || props.inverse || props.reset)\n}\n\nexport class ThemeManager {\n  themeListeners = new Set<ThemeListener>()\n  parentManager: ThemeManager | null = null\n  state: ThemeManagerState = emptyState\n\n  constructor(\n    public props: ThemeProps = {},\n    parentManager?: ThemeManager | 'root' | null | undefined\n  ) {\n    if (parentManager === 'root') {\n      this.updateState(props, false)\n      return\n    }\n    if (!parentManager) {\n      if (process.env.NODE_ENV !== 'production') {\n        console.trace()\n        throw new Error(`No parent manager given`)\n      }\n      throw `\u274C`\n    }\n    // copy over listeners\n    this.themeListeners = parentManager.themeListeners\n\n    // no change no props\n    if (hasNoThemeUpdatingProps(props)) {\n      return parentManager\n    }\n    if (parentManager) {\n      this.parentManager = parentManager\n    }\n    const updatedState = this.getStateIfChanged(props)\n    if (updatedState) {\n      this.state = updatedState\n      return\n    }\n    return parentManager || this\n  }\n\n  updateState(\n    props: ThemeProps & { forceTheme?: ThemeParsed } = this.props || {},\n    notify = true\n  ) {\n    const shouldFlush = (() => {\n      if (props.forceTheme) {\n        this.state.theme = props.forceTheme\n        this.state.name = props.name || ''\n        return true\n      }\n      const nextState = this.getStateIfChanged(props)\n      if (nextState) {\n        this.state = nextState\n        return true\n      }\n    })()\n    if (shouldFlush) {\n      // reset any derived state\n      this._allKeys = null\n      notify && this.notify()\n      return this.state\n    }\n  }\n\n  getStateIfChanged(\n    props = this.props,\n    state: ThemeManagerState | null = this.state,\n    parentManager = this.parentManager\n  ) {\n    const _ = this.getState(props, parentManager)\n    // is removing\n    if (state && state !== emptyState && !_) {\n      return parentManager?.state\n    }\n    if (this.getStateShouldChange(_, state)) {\n      return _\n    }\n  }\n\n  getStateShouldChange(\n    nextState: ThemeManagerState | null,\n    state: ThemeManagerState | null = this.state\n  ) {\n    if (!nextState?.theme || nextState.theme === state?.theme) {\n      return false\n    }\n    return true\n  }\n\n  getState(props = this.props, parentManager = this.parentManager) {\n    return (\n      getState(props, parentManager) ||\n      (process.env.TAMAGUI_TARGET === 'native' ? parentManager?.state || null : null)\n    )\n  }\n\n  _allKeys: Set<string> | null = null\n  get allKeys() {\n    this._allKeys ||= new Set([\n      ...(this.parentManager?.allKeys || []),\n      ...Object.keys(this.state.theme || {}),\n    ])\n    return this._allKeys\n  }\n\n  // gets value going up to parents\n  getValue(key: string, state?: ThemeManagerState) {\n    if (!key) return\n    let theme = (state || this.state).theme\n    let manager = this as ThemeManager | null\n    while (theme && manager) {\n      if (key in theme) {\n        return theme[key]\n      }\n      manager = manager.parentManager\n      theme = manager?.state.theme\n    }\n    const tokens = getTokens()\n    if (key in tokens.color) {\n      return tokens.color[key]\n    }\n  }\n\n  notify() {\n    this.themeListeners.forEach((cb) => cb(this.state.name, this))\n  }\n\n  onChangeTheme(cb: ThemeListener) {\n    this.themeListeners.add(cb)\n    return () => {\n      this.themeListeners.delete(cb)\n    }\n  }\n}\n\nfunction getNextThemeClassName(name: string, isInverting = false) {\n  const next = `t_sub_theme ${THEME_CLASSNAME_PREFIX}${name}`\n  if (isInverting) {\n    return (\n      next +\n      // ensure you invert to base dark as well as specific dark\n      // ... logic should likely be elsewhere\n      (next.includes('dark_') ? ` t_dark` : next.includes('light_') ? ` t_light` : '')\n    )\n  }\n  return next.replace('light_', '').replace('dark_', '')\n}\n\nconst cache = new WeakMap<ThemeProps, [ThemeManager, ThemeManagerState | null]>()\n\nfunction getState(\n  props: ThemeProps,\n  parentManager?: ThemeManager | null\n): ThemeManagerState | null {\n  const cached = cache.get(props)\n  if (cached && cached[0] === parentManager) {\n    return cached[1]\n  }\n\n  const themes = getThemes()\n\n  if (props.name && props.reset) {\n    throw new Error('Cannot reset + set new name')\n  }\n  if (props.reset && !parentManager?.parentManager) {\n    console.warn('Cannot reset no grandparent exists')\n    return null\n  }\n\n  let result: ThemeManagerState | null = null\n\n  const nextName = props.reset\n    ? parentManager?.parentManager?.state?.name || ''\n    : props.name || ''\n  const { componentName } = props\n  const parentName = parentManager?.state?.name || ''\n\n  // components look for most specific, fallback upwards\n  const base = parentName.split(THEME_NAME_SEPARATOR)\n  const lastSegment = base[base.length - 1]\n  const isParentAComponentTheme =\n    parentName && lastSegment[0].toUpperCase() === lastSegment[0]\n  if (isParentAComponentTheme) {\n    base.pop() // always remove componentName they can't nest\n  }\n  const parentBaseTheme = isParentAComponentTheme\n    ? base.slice(0, base.length).join(THEME_NAME_SEPARATOR)\n    : parentName\n  const max = base.length\n  const min =\n    componentName && !nextName\n      ? max // component name only don't search upwards\n      : 0\n\n  // prettier-ignore\n  // eslint-disable-next-line no-console\n  if (process.env.NODE_ENV === 'development' && props.debug === 'verbose') [ console.groupCollapsed('ThemeManager.getState()', props, { parentName,   parentBaseTheme,   base,   min,   max,   isParentAComponentTheme }), console.trace(), console.groupEnd() ]\n\n  for (let i = max; i >= min; i--) {\n    let prefix = base.slice(0, i).join(THEME_NAME_SEPARATOR)\n    if (props.inverse) {\n      prefix = inverseThemeName(prefix)\n    }\n    const potentials: string[] = []\n    if (prefix && prefix !== parentBaseTheme) {\n      potentials.push(prefix)\n    }\n    if (nextName) {\n      potentials.unshift(prefix ? `${prefix}_${nextName}` : nextName)\n    }\n    if (i === 1) {\n      const lastSegment = potentials.findIndex((x) => !x.includes('_'))\n      if (lastSegment > 0) {\n        potentials.splice(lastSegment, 0, nextName) // last try prefer our new name to parent\n      }\n    }\n    if (componentName) {\n      // components only look for component themes\n      if (nextName) {\n        potentials.push(\n          `${prefix.slice(\n            0,\n            prefix.indexOf(THEME_NAME_SEPARATOR)\n          )}_${nextName}_${componentName}`\n        )\n      }\n      potentials.push(`${prefix}_${componentName}`)\n      if (nextName) {\n        potentials.unshift(`${prefix}_${nextName}_${componentName}`)\n      }\n    }\n\n    const found = potentials.find((t) => t in themes)\n\n    // eslint-disable-next-line no-console\n    if (process.env.NODE_ENV === 'development' && props.debug === 'verbose')\n      console.log('getState found', found, 'from', potentials, 'parentName', parentName)\n\n    if (found) {\n      // optimization return null if not changed\n      if (found === parentName) {\n        break\n      }\n      result = {\n        name: found,\n        theme: getThemeUnwrapped(themes[found]),\n        className: getNextThemeClassName(found, props.inverse),\n        parentName,\n      }\n      break\n    }\n  }\n\n  if (parentManager) {\n    cache.set(props, [parentManager, result])\n  }\n\n  return result\n}\n\nconst inverseThemeName = (themeName: string) => {\n  return themeName.startsWith('light')\n    ? themeName.replace(/^light/, 'dark')\n    : themeName.replace(/^dark/, 'light')\n}\n"],
-  "mappings": "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",
-  "names": ["lastSegment"]
+  "mappings": "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",
+  "names": ["ThemeManager_exports", "__export", "ThemeManager", "hasNoThemeUpdatingProps", "__toCommonJS", "import_config", "import_constants", "import_getThemeUnwrapped", "emptyState", "props", "parentManager", "updatedState", "notify", "nextState", "state", "_", "getState", "_a", "key", "theme", "manager", "tokens", "cb", "getNextThemeClassName", "name", "isInverting", "next", "cache", "_b", "_c", "cached", "themes", "result", "nextName", "componentName", "parentName", "base", "lastSegment", "isParentAComponentTheme", "parentBaseTheme", "max", "min", "i", "prefix", "inverseThemeName", "potentials", "x", "found", "t", "themeName"]
 }

package/dist/cjs/helpers/ThemeManagerContext.js

@@ -1,30 +1,2 @@
-"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 ThemeManagerContext_exports = {};
-__export(ThemeManagerContext_exports, {
-  ThemeManagerContext: () => ThemeManagerContext
-});
-module.exports = __toCommonJS(ThemeManagerContext_exports);
-var import_react = require("react");
-const ThemeManagerContext = (0, import_react.createContext)(null);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ThemeManagerContext
-});
+"use strict";var o=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var p=(r,e)=>{for(var n in e)o(r,n,{get:e[n],enumerable:!0})},x=(r,e,n,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of g(e))!h.call(r,t)&&t!==n&&o(r,t,{get:()=>e[t],enumerable:!(a=l(e,t))||a.enumerable});return r};var M=r=>x(o({},"__esModule",{value:!0}),r);var c={};p(c,{ThemeManagerContext:()=>T});module.exports=M(c);var m=require("react");const T=(0,m.createContext)(null);0&&(module.exports={ThemeManagerContext});
 //# sourceMappingURL=ThemeManagerContext.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/ThemeManagerContext.tsx"],
   "sourcesContent": ["import { createContext } from 'react'\n\nimport { ThemeManager } from './ThemeManager.js'\n\nexport const ThemeManagerContext = createContext<ThemeManager | null>(null)\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAIvB,MAAM,0BAAsB,4BAAmC,IAAI;",
-  "names": []
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GAAA,IAAAI,EAA8B,iBAIvB,MAAMF,KAAsB,iBAAmC,IAAI",
+  "names": ["ThemeManagerContext_exports", "__export", "ThemeManagerContext", "__toCommonJS", "import_react"]
 }

package/dist/cjs/helpers/createMediaStyle.js

@@ -1,67 +1,2 @@
-"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 createMediaStyle_exports = {};
-__export(createMediaStyle_exports, {
-  MEDIA_SEP: () => MEDIA_SEP,
-  createMediaStyle: () => createMediaStyle
-});
-module.exports = __toCommonJS(createMediaStyle_exports);
-var import_useMedia = require("../hooks/useMedia.js");
-const MEDIA_SEP = "_";
-let prefixes = null;
-let selectors = null;
-const createMediaStyle = ({ property, identifier, rules }, mediaKey, mediaQueries, negate) => {
-  if (!(prefixes && selectors)) {
-    const mediaKeys = Object.keys(mediaQueries);
-    prefixes = Object.fromEntries(
-      mediaKeys.map((key, index) => [key, new Array(index + 1).fill(":root").join("")])
-    );
-    selectors = Object.fromEntries(
-      mediaKeys.map((key) => [key, (0, import_useMedia.mediaObjectToString)(mediaQueries[key])])
-    );
-  }
-  const precendencePrefix = prefixes[mediaKey];
-  const mediaSelector = selectors[mediaKey];
-  const negKey = negate ? "0" : "";
-  const ogPrefix = identifier.slice(0, identifier.indexOf("-") + 1);
-  const nextIdentifier = `${identifier.replace(
-    ogPrefix,
-    `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`
-  )}`;
-  const screenStr = negate ? "not all and" : "";
-  const mediaQuery = `${screenStr} ${mediaSelector}`;
-  const styleInner = rules.map((rule) => rule.replace(identifier, nextIdentifier)).join(";");
-  let styleRule = "";
-  if (styleInner.includes("@media")) {
-    styleRule = styleInner.replace("{", ` and ${mediaQuery} {`);
-  } else {
-    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`;
-  }
-  return {
-    property,
-    rules: [styleRule],
-    identifier: nextIdentifier
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  MEDIA_SEP,
-  createMediaStyle
-});
+"use strict";var a=Object.defineProperty;var x=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var I=(t,e)=>{for(var n in e)a(t,n,{get:e[n],enumerable:!0})},P=(t,e,n,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of M(e))!E.call(t,r)&&r!==n&&a(t,r,{get:()=>e[r],enumerable:!(s=x(e,r))||s.enumerable});return t};var R=t=>P(a({},"__esModule",{value:!0}),t);var Q={};I(Q,{MEDIA_SEP:()=>m,createMediaStyle:()=>A});module.exports=R(Q);var u=require("../hooks/useMedia.js");const m="_";let d=null,p=null;const A=({property:t,identifier:e,rules:n},s,r,$)=>{if(!(d&&p)){const c=Object.keys(r);d=Object.fromEntries(c.map((l,g)=>[l,new Array(g+1).fill(":root").join("")])),p=Object.fromEntries(c.map(l=>[l,(0,u.mediaObjectToString)(r[l])]))}const S=d[s],b=p[s],O=$?"0":"",j=e.slice(0,e.indexOf("-")+1),y=`${e.replace(j,`${j}${m}${s}${O}${m}`)}`,f=`${$?"not all and":""} ${b}`,o=n.map(c=>c.replace(e,y)).join(";");let i="";return o.includes("@media")?i=o.replace("{",` and ${f} {`):i=`@media ${f} { ${S} ${o} }`,{property:t,rules:[i],identifier:y}};0&&(module.exports={MEDIA_SEP,createMediaStyle});
 //# sourceMappingURL=createMediaStyle.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/createMediaStyle.ts"],
   "sourcesContent": ["import { mediaObjectToString } from '../hooks/useMedia.js'\nimport type { MediaQueries, MediaStyleObject, StyleObject } from '../types.js'\n\n// TODO have this be used by extractMediaStyle in tamagui static\n// not synced to static/constants for now\nexport const MEDIA_SEP = '_'\n\nlet prefixes: Record<string, string> | null = null\nlet selectors: Record<string, string> | null = null\n\nexport const createMediaStyle = (\n  { property, identifier, rules }: StyleObject,\n  mediaKey: string,\n  mediaQueries: MediaQueries,\n  negate?: boolean\n): MediaStyleObject => {\n  if (!(prefixes && selectors)) {\n    // TODO move this into useMedia calc once there and unify w getMediaImportance\n    const mediaKeys = Object.keys(mediaQueries)\n    prefixes = Object.fromEntries(\n      mediaKeys.map((key, index) => [key, new Array(index + 1).fill(':root').join('')])\n    )\n    selectors = Object.fromEntries(\n      mediaKeys.map((key) => [key, mediaObjectToString(mediaQueries[key])])\n    )\n  }\n  const precendencePrefix = prefixes[mediaKey]\n  const mediaSelector = selectors[mediaKey]\n  const negKey = negate ? '0' : ''\n  const ogPrefix = identifier.slice(0, identifier.indexOf('-') + 1)\n  const nextIdentifier = `${identifier.replace(\n    ogPrefix,\n    `${ogPrefix}${MEDIA_SEP}${mediaKey}${negKey}${MEDIA_SEP}`\n  )}`\n  const screenStr = negate ? 'not all and' : ''\n  const mediaQuery = `${screenStr} ${mediaSelector}`\n  const styleInner = rules\n    .map((rule) => rule.replace(identifier, nextIdentifier))\n    .join(';')\n  // combines media queries if they already exist\n  let styleRule = ''\n  if (styleInner.includes('@media')) {\n    // combine\n    styleRule = styleInner.replace('{', ` and ${mediaQuery} {`)\n  } else {\n    styleRule = `@media ${mediaQuery} { ${precendencePrefix} ${styleInner} }`\n  }\n  return {\n    property,\n    rules: [styleRule],\n    identifier: nextIdentifier,\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAoC;AAK7B,MAAM,YAAY;AAEzB,IAAI,WAA0C;AAC9C,IAAI,YAA2C;AAExC,MAAM,mBAAmB,CAC9B,EAAE,UAAU,YAAY,MAAM,GAC9B,UACA,cACA,WACqB;AACrB,MAAI,EAAE,YAAY,YAAY;AAE5B,UAAM,YAAY,OAAO,KAAK,YAAY;AAC1C,eAAW,OAAO;AAAA,MAChB,UAAU,IAAI,CAAC,KAAK,UAAU,CAAC,KAAK,IAAI,MAAM,QAAQ,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;AAAA,IAClF;AACA,gBAAY,OAAO;AAAA,MACjB,UAAU,IAAI,CAAC,QAAQ,CAAC,SAAK,qCAAoB,aAAa,GAAG,CAAC,CAAC,CAAC;AAAA,IACtE;AAAA,EACF;AACA,QAAM,oBAAoB,SAAS,QAAQ;AAC3C,QAAM,gBAAgB,UAAU,QAAQ;AACxC,QAAM,SAAS,SAAS,MAAM;AAC9B,QAAM,WAAW,WAAW,MAAM,GAAG,WAAW,QAAQ,GAAG,IAAI,CAAC;AAChE,QAAM,iBAAiB,GAAG,WAAW;AAAA,IACnC;AAAA,IACA,GAAG,WAAW,YAAY,WAAW,SAAS;AAAA,EAChD;AACA,QAAM,YAAY,SAAS,gBAAgB;AAC3C,QAAM,aAAa,GAAG,aAAa;AACnC,QAAM,aAAa,MAChB,IAAI,CAAC,SAAS,KAAK,QAAQ,YAAY,cAAc,CAAC,EACtD,KAAK,GAAG;AAEX,MAAI,YAAY;AAChB,MAAI,WAAW,SAAS,QAAQ,GAAG;AAEjC,gBAAY,WAAW,QAAQ,KAAK,QAAQ,cAAc;AAAA,EAC5D,OAAO;AACL,gBAAY,UAAU,gBAAgB,qBAAqB;AAAA,EAC7D;AACA,SAAO;AAAA,IACL;AAAA,IACA,OAAO,CAAC,SAAS;AAAA,IACjB,YAAY;AAAA,EACd;AACF;",
-  "names": []
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,eAAAE,EAAA,qBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAAoC,gCAK7B,MAAMH,EAAY,IAEzB,IAAII,EAA0C,KAC1CC,EAA2C,KAExC,MAAMJ,EAAmB,CAC9B,CAAE,SAAAK,EAAU,WAAAC,EAAY,MAAAC,CAAM,EAC9BC,EACAC,EACAC,IACqB,CACrB,GAAI,EAAEP,GAAYC,GAAY,CAE5B,MAAMO,EAAY,OAAO,KAAKF,CAAY,EAC1CN,EAAW,OAAO,YAChBQ,EAAU,IAAI,CAACC,EAAKC,IAAU,CAACD,EAAK,IAAI,MAAMC,EAAQ,CAAC,EAAE,KAAK,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAClF,EACAT,EAAY,OAAO,YACjBO,EAAU,IAAKC,GAAQ,CAACA,KAAK,uBAAoBH,EAAaG,CAAG,CAAC,CAAC,CAAC,CACtE,CACF,CACA,MAAME,EAAoBX,EAASK,CAAQ,EACrCO,EAAgBX,EAAUI,CAAQ,EAClCQ,EAASN,EAAS,IAAM,GACxBO,EAAWX,EAAW,MAAM,EAAGA,EAAW,QAAQ,GAAG,EAAI,CAAC,EAC1DY,EAAiB,GAAGZ,EAAW,QACnCW,EACA,GAAGA,IAAWlB,IAAYS,IAAWQ,IAASjB,GAChD,IAEMoB,EAAa,GADDT,EAAS,cAAgB,MACRK,IAC7BK,EAAab,EAChB,IAAKc,GAASA,EAAK,QAAQf,EAAYY,CAAc,CAAC,EACtD,KAAK,GAAG,EAEX,IAAII,EAAY,GAChB,OAAIF,EAAW,SAAS,QAAQ,EAE9BE,EAAYF,EAAW,QAAQ,IAAK,QAAQD,KAAc,EAE1DG,EAAY,UAAUH,OAAgBL,KAAqBM,MAEtD,CACL,SAAAf,EACA,MAAO,CAACiB,CAAS,EACjB,WAAYJ,CACd,CACF",
+  "names": ["createMediaStyle_exports", "__export", "MEDIA_SEP", "createMediaStyle", "__toCommonJS", "import_useMedia", "prefixes", "selectors", "property", "identifier", "rules", "mediaKey", "mediaQueries", "negate", "mediaKeys", "key", "index", "precendencePrefix", "mediaSelector", "negKey", "ogPrefix", "nextIdentifier", "mediaQuery", "styleInner", "rule", "styleRule"]
 }

package/dist/cjs/helpers/createPropMapper.js

@@ -1,433 +1,4 @@
-"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 createPropMapper_exports = {};
-__export(createPropMapper_exports, {
-  createPropMapper: () => createPropMapper,
-  getFontFamilyFromNameOrVariable: () => getFontFamilyFromNameOrVariable,
-  getPropMappedFontFamily: () => getPropMappedFontFamily,
-  getReturnVariablesAs: () => getReturnVariablesAs
-});
-module.exports = __toCommonJS(createPropMapper_exports);
-var import_constants = require("@tamagui/constants");
-var import_config = require("../config.js");
-var import_isDevTools = require("../constants/isDevTools.js");
-var import_createVariable = require("../createVariable.js");
-var import_expandStyle = require("./expandStyle.js");
-var import_expandStyles = require("./expandStyles.js");
-var import_getVariantExtras = require("./getVariantExtras.js");
-var import_isObj = require("./isObj.js");
-var import_mergeProps = require("./mergeProps.js");
-const getReturnVariablesAs = (props, state) => {
-  return !!props.animation || state.resolveVariablesAs === "value" ? "value" : "auto";
-};
-const createPropMapper = (staticConfig) => {
-  const variants = staticConfig.variants || {};
-  const defaultProps = (0, import_mergeProps.mergeProps)(staticConfig.defaultProps || {}, {}, false)[0];
-  let conf;
-  const mapper = (key, value, theme, propsIn, state, languageContext, avoidDefaultProps = false, debug) => {
-    conf || (conf = (0, import_config.getConfig)());
-    const props = state.fallbackProps || propsIn;
-    const returnVariablesAs = getReturnVariablesAs(props, state);
-    const fontFamily = props[conf.inverseShorthands.fontFamily] || props.fontFamily || defaultProps.fontFamily || propsIn.fontFamily || "$body";
-    if (process.env.NODE_ENV === "development" && fontFamily && fontFamily[0] === "$" && !(fontFamily in conf.fontsParsed)) {
-      console.warn(
-        `Warning: no fontFamily "${fontFamily}" found in config: ${Object.keys(
-          conf.fontsParsed
-        ).join(", ")}`
-      );
-    }
-    const variantValue = resolveVariants(
-      key,
-      value,
-      props,
-      defaultProps,
-      theme,
-      variants,
-      fontFamily,
-      conf,
-      returnVariablesAs,
-      staticConfig,
-      "",
-      languageContext,
-      avoidDefaultProps,
-      debug
-    );
-    if (variantValue) {
-      return variantValue;
-    }
-    let shouldReturn = value !== void 0 && value !== null;
-    if (key in conf.shorthands) {
-      shouldReturn = true;
-      key = conf.shorthands[key];
-    }
-    if (value) {
-      if (value[0] === "$") {
-        value = getToken(
-          key,
-          value,
-          conf,
-          theme,
-          fontFamily,
-          languageContext,
-          returnVariablesAs,
-          debug
-        );
-      } else if ((0, import_createVariable.isVariable)(value)) {
-        value = resolveVariableValue(key, value, returnVariablesAs);
-      }
-    }
-    if (shouldReturn) {
-      return (0, import_expandStyle.expandStyle)(key, value) || [[key, value]];
-    }
-  };
-  return mapper;
-};
-const resolveVariants = (key, value, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, parentVariantKey, languageContext, avoidDefaultProps = false, debug) => {
-  var _a;
-  const variant = variants == null ? void 0 : variants[key];
-  if (!variant || value === void 0) {
-    return;
-  }
-  let variantValue = getVariantDefinition(variant, key, value, conf);
-  if (!variantValue) {
-    if (process.env.NODE_ENV === "development") {
-      if ((_a = staticConfig.validStyles) == null ? void 0 : _a[key]) {
-        return null;
-      }
-      if (typeof value === "boolean") {
-        return null;
-      }
-      const name = staticConfig.componentName || "[UnnamedComponent]";
-      console.warn(
-        `No variant found: ${name} has variant "${key}", but no matching value "${value}"`
-      );
-    }
-    return;
-  }
-  if (typeof variantValue === "function") {
-    const fn = variantValue;
-    variantValue = fn(
-      value,
-      (0, import_getVariantExtras.getVariantExtras)(props, languageContext, theme, defaultProps, avoidDefaultProps)
-    );
-  }
-  let fontFamilyResult;
-  if ((0, import_isObj.isObj)(variantValue)) {
-    const fontFamilyUpdate = variantValue.fontFamily || variantValue[conf.inverseShorthands.fontFamily];
-    if (fontFamilyUpdate) {
-      fontFamilyResult = getFontFamilyFromNameOrVariable(fontFamilyUpdate, conf);
-    }
-    variantValue = resolveTokensAndVariants(
-      key,
-      variantValue,
-      props,
-      defaultProps,
-      theme,
-      variants,
-      fontFamilyResult || fontFamily,
-      conf,
-      returnVariablesAs,
-      staticConfig,
-      parentVariantKey,
-      languageContext,
-      avoidDefaultProps,
-      debug
-    );
-  }
-  if (variantValue) {
-    const next = Object.entries((0, import_expandStyles.expandStyles)(variantValue));
-    if (fontFamilyResult && fontFamilyResult[0] === "$") {
-      fontFamilyCache.set(next, (0, import_createVariable.getVariableValue)(fontFamilyResult));
-    }
-    return next;
-  }
-};
-function getFontFamilyFromNameOrVariable(input, conf) {
-  if ((0, import_createVariable.isVariable)(input)) {
-    const val = variableToFontNameCache.get(input);
-    if (val) {
-      return val;
-    } else {
-      for (const key in conf.fontsParsed) {
-        const familyVariable = conf.fontsParsed[key].family;
-        if ((0, import_createVariable.isVariable)(familyVariable)) {
-          variableToFontNameCache.set(familyVariable, key);
-          if (familyVariable === input) {
-            return key;
-          }
-        }
-      }
-    }
-  } else if (typeof input === "string") {
-    if ((input == null ? void 0 : input[0]) === "$") {
-      return input;
-    } else {
-      if (process.env.NODE_ENV === "development") {
-        console.log("[tamagui] should map back", input);
-      }
-    }
-  }
-}
-const variableToFontNameCache = /* @__PURE__ */ new WeakMap();
-const fontFamilyCache = /* @__PURE__ */ new WeakMap();
-const getPropMappedFontFamily = (expanded) => {
-  return expanded && fontFamilyCache.get(expanded);
-};
-const resolveTokensAndVariants = (key, value, props, defaultProps, theme, variants, fontFamily, conf, returnVariablesAs, staticConfig, parentVariantKey, languageContext, avoidDefaultProps, debug) => {
-  var _a;
-  const res = {};
-  for (const rKey in value) {
-    const fKey = conf.shorthands[rKey] || rKey;
-    const val = value[rKey];
-    if (fKey in variants) {
-      if (parentVariantKey && parentVariantKey === key) {
-        res[fKey] = val;
-      } else {
-        const variantOut = resolveVariants(
-          fKey,
-          val,
-          props,
-          defaultProps,
-          theme,
-          variants,
-          fontFamily,
-          conf,
-          returnVariablesAs,
-          staticConfig,
-          key,
-          languageContext,
-          avoidDefaultProps,
-          debug
-        );
-        const { pressStyle, hoverStyle, focusStyle, enterStyle, exitStyle, ...rest } = Object.fromEntries(variantOut);
-        const subs = { pressStyle, hoverStyle, focusStyle, enterStyle, exitStyle };
-        Object.assign(res, rest);
-        for (const key2 in subs) {
-          if (subs[key2]) {
-            res[key2] ?? (res[key2] = {});
-            Object.assign(res[key2], subs[key2]);
-          }
-        }
-      }
-      continue;
-    }
-    if ((0, import_createVariable.isVariable)(val)) {
-      res[fKey] = !import_constants.isWeb || returnVariablesAs === "value" ? val.val : val.variable;
-      continue;
-    }
-    if (typeof val === "string") {
-      const fVal = val[0] === "$" ? getToken(
-        fKey,
-        val,
-        conf,
-        theme,
-        fontFamily,
-        languageContext,
-        returnVariablesAs,
-        debug
-      ) : val;
-      res[fKey] = fVal;
-      continue;
-    }
-    if ((0, import_isObj.isObj)(val)) {
-      res[fKey] ?? (res[fKey] = {});
-      Object.assign(
-        res[fKey],
-        resolveTokensAndVariants(
-          fKey,
-          val,
-          props,
-          defaultProps,
-          theme,
-          variants,
-          fontFamily,
-          conf,
-          returnVariablesAs,
-          staticConfig,
-          key,
-          languageContext,
-          avoidDefaultProps,
-          debug
-        )
-      );
-    } else {
-      res[fKey] = val;
-    }
-    if (process.env.NODE_ENV === "development") {
-      if (debug) {
-        if (((_a = res[fKey]) == null ? void 0 : _a[0]) === "$") {
-          console.warn(`\u26A0\uFE0F Missing token in theme ${theme.name}:`, fKey, res[fKey], theme);
-        }
-      }
-    }
-  }
-  return res;
-};
-const tokenCats = ["size", "color", "radius", "space", "zIndex"].map((name) => ({
-  name,
-  spreadName: `...${name}`
-}));
-function getVariantDefinition(variant, key, value, conf) {
-  if (typeof variant === "function") {
-    return variant;
-  }
-  if (variant[value]) {
-    return variant[value];
-  }
-  const { tokensParsed } = conf;
-  for (const { name, spreadName } of tokenCats) {
-    if (variant[spreadName] && value in tokensParsed[name]) {
-      return variant[spreadName];
-    }
-  }
-  let fn;
-  const type = typeof value;
-  if (type === "number") {
-    fn = variant[":number"];
-  } else if (type === "string") {
-    fn = variant[":string"];
-  } else if (value === true || value === false) {
-    fn = variant[":boolean"];
-  }
-  return fn || variant["..."] || variant["...size"];
-}
-const fontShorthand = {
-  fontSize: "size",
-  fontWeight: "weight"
-};
-const getToken = (key, value, conf, theme, fontFamily = "$body", languageContext, resolveAs, debug) => {
-  var _a, _b, _c;
-  const tokensParsed = conf.tokensParsed;
-  const fontsParsed = languageContext ? (0, import_getVariantExtras.getFontsForLanguage)(conf.fontsParsed, languageContext) : conf.fontsParsed;
-  let valOrVar;
-  let hasSet = false;
-  if (value in theme) {
-    valOrVar = theme[value];
-    hasSet = true;
-  } else {
-    switch (key) {
-      case "fontFamily":
-        valOrVar = ((_a = fontsParsed[value]) == null ? void 0 : _a.family) || value;
-        hasSet = true;
-        break;
-      case "fontSize":
-      case "lineHeight":
-      case "letterSpacing":
-      case "fontWeight":
-        valOrVar = ((_c = (_b = fontsParsed[fontFamily]) == null ? void 0 : _b[fontShorthand[key] || key]) == null ? void 0 : _c[value]) || value;
-        hasSet = true;
-        break;
-    }
-    for (const cat in tokenCategories) {
-      if (key in tokenCategories[cat]) {
-        const res = tokensParsed[cat][value];
-        if (res) {
-          valOrVar = res;
-          hasSet = true;
-        }
-      }
-    }
-    if (!hasSet) {
-      const spaceVar = tokensParsed.space[value];
-      if (spaceVar) {
-        valOrVar = spaceVar;
-        hasSet = true;
-      }
-    }
-  }
-  if (process.env.NODE_ENV === "development" && import_isDevTools.isDevTools && debug === "verbose") {
-    console.log("   \uFE52 propMapper getToken", { key, valOrVar, theme, hasSet });
-  }
-  if (hasSet) {
-    return resolveVariableValue(key, valOrVar, resolveAs);
-  }
-  if (process.env.NODE_ENV === "development") {
-    if (value && value[0] === "$") {
-      console.warn(
-        `\u26A0\uFE0F You passed the value "${value}" to the style property "${key}", but there's no theme or token with the key "${value}". Using theme "${theme.name}".
+"use strict";var N=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var J=Object.prototype.hasOwnProperty;var K=(e,t)=>{for(var o in t)N(e,o,{get:t[o],enumerable:!0})},Q=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of A(t))!J.call(e,a)&&a!==o&&N(e,a,{get:()=>t[a],enumerable:!(n=q(t,a))||n.enumerable});return e};var X=e=>Q(N({},"__esModule",{value:!0}),e);var re={};K(re,{createPropMapper:()=>Z,getFontFamilyFromNameOrVariable:()=>k,getPropMappedFontFamily:()=>ee,getReturnVariablesAs:()=>_});module.exports=X(re);var P=require("@tamagui/constants"),L=require("../config.js"),C=require("../constants/isDevTools.js"),S=require("../createVariable.js"),I=require("./expandStyle.js"),M=require("./expandStyles.js"),F=require("./getVariantExtras.js"),E=require("./isObj.js"),W=require("./mergeProps.js");const _=(e,t)=>e.animation||t.resolveVariablesAs==="value"?"value":"auto",Z=e=>{const t=e.variants||{},o=(0,W.mergeProps)(e.defaultProps||{},{},!1)[0];let n;return(s,f,p,m,y,d,u=!1,h)=>{n||(n=(0,L.getConfig)());const b=y.fallbackProps||m,i=_(b,y),r=b[n.inverseShorthands.fontFamily]||b.fontFamily||o.fontFamily||m.fontFamily||"$body";process.env.NODE_ENV==="development"&&r&&r[0]==="$"&&!(r in n.fontsParsed)&&console.warn(`Warning: no fontFamily "${r}" found in config: ${Object.keys(n.fontsParsed).join(", ")}`);const g=x(s,f,b,o,p,t,r,n,i,e,"",d,u,h);if(g)return g;let l=f!=null;if(s in n.shorthands&&(l=!0,s=n.shorthands[s]),f&&(f[0]==="$"?f=O(s,f,n,p,r,d,i,h):(0,S.isVariable)(f)&&(f=z(s,f,i))),l)return(0,I.expandStyle)(s,f)||[[s,f]]}},x=(e,t,o,n,a,s,f,p,m,y,d,u,h=!1,b)=>{var l;const i=s==null?void 0:s[e];if(!i||t===void 0)return;let r=oe(i,e,t,p);if(!r){if(process.env.NODE_ENV==="development"){if((l=y.validStyles)!=null&&l[e]||typeof t=="boolean")return null;const c=y.componentName||"[UnnamedComponent]";console.warn(`No variant found: ${c} has variant "${e}", but no matching value "${t}"`)}return}typeof r=="function"&&(r=r(t,(0,F.getVariantExtras)(o,u,a,n,h)));let g;if((0,E.isObj)(r)){const c=r.fontFamily||r[p.inverseShorthands.fontFamily];c&&(g=k(c,p)),r=j(e,r,o,n,a,s,g||f,p,m,y,d,u,h,b)}if(r){const c=Object.entries((0,M.expandStyles)(r));return g&&g[0]==="$"&&w.set(c,(0,S.getVariableValue)(g)),c}};function k(e,t){if((0,S.isVariable)(e)){const o=D.get(e);if(o)return o;for(const n in t.fontsParsed){const a=t.fontsParsed[n].family;if((0,S.isVariable)(a)&&(D.set(a,n),a===e))return n}}else if(typeof e=="string"){if((e==null?void 0:e[0])==="$")return e;process.env.NODE_ENV==="development"&&console.log("[tamagui] should map back",e)}}const D=new WeakMap,w=new WeakMap,ee=e=>e&&w.get(e),j=(e,t,o,n,a,s,f,p,m,y,d,u,h,b)=>{var r;const i={};for(const g in t){const l=p.shorthands[g]||g,c=t[g];if(l in s){if(d&&d===e)i[l]=c;else{const T=x(l,c,o,n,a,s,f,p,m,y,e,u,h,b),{pressStyle:v,hoverStyle:B,focusStyle:H,enterStyle:U,exitStyle:G,...Y}=Object.fromEntries(T),$={pressStyle:v,hoverStyle:B,focusStyle:H,enterStyle:U,exitStyle:G};Object.assign(i,Y);for(const V in $)$[V]&&(i[V]??(i[V]={}),Object.assign(i[V],$[V]))}continue}if((0,S.isVariable)(c)){i[l]=!P.isWeb||m==="value"?c.val:c.variable;continue}if(typeof c=="string"){const T=c[0]==="$"?O(l,c,p,a,f,u,m,b):c;i[l]=T;continue}(0,E.isObj)(c)?(i[l]??(i[l]={}),Object.assign(i[l],j(l,c,o,n,a,s,f,p,m,y,e,u,h,b))):i[l]=c,process.env.NODE_ENV==="development"&&b&&((r=i[l])==null?void 0:r[0])==="$"&&console.warn(`\u26A0\uFE0F Missing token in theme ${a.name}:`,l,i[l],a)}return i},te=["size","color","radius","space","zIndex"].map(e=>({name:e,spreadName:`...${e}`}));function oe(e,t,o,n){if(typeof e=="function")return e;if(e[o])return e[o];const{tokensParsed:a}=n;for(const{name:p,spreadName:m}of te)if(e[m]&&o in a[p])return e[m];let s;const f=typeof o;return f==="number"?s=e[":number"]:f==="string"?s=e[":string"]:(o===!0||o===!1)&&(s=e[":boolean"]),s||e["..."]||e["...size"]}const ne={fontSize:"size",fontWeight:"weight"},O=(e,t,o,n,a="$body",s,f,p)=>{var h,b,i;const m=o.tokensParsed,y=s?(0,F.getFontsForLanguage)(o.fontsParsed,s):o.fontsParsed;let d,u=!1;if(t in n)d=n[t],u=!0;else{switch(e){case"fontFamily":d=((h=y[t])==null?void 0:h.family)||t,u=!0;break;case"fontSize":case"lineHeight":case"letterSpacing":case"fontWeight":d=((i=(b=y[a])==null?void 0:b[ne[e]||e])==null?void 0:i[t])||t,u=!0;break}for(const r in R)if(e in R[r]){const g=m[r][t];g&&(d=g,u=!0)}if(!u){const r=m.space[t];r&&(d=r,u=!0)}}return process.env.NODE_ENV==="development"&&C.isDevTools&&p==="verbose"&&console.log("   \uFE52 propMapper getToken",{key:e,valOrVar:d,theme:n,hasSet:u}),u?z(e,d,f):process.env.NODE_ENV==="development"&&t&&t[0]==="$"?(console.warn(`\u26A0\uFE0F You passed the value "${t}" to the style property "${e}", but there's no theme or token with the key "${t}". Using theme "${n.name}".
 
-Set the debug prop to true to see more detailed debug information.`
-      );
-      if (debug) {
-        if (import_isDevTools.isDevTools) {
-          console.log("Looked in:", { theme, tokensParsed, fontsParsed });
-        }
-      }
-      return null;
-    }
-  }
-  return value;
-};
-function resolveVariableValue(key, valOrVar, resolveAs = "auto") {
-  if ((0, import_createVariable.isVariable)(valOrVar)) {
-    if (resolveAs === "variable") {
-      return valOrVar;
-    }
-    if (resolveAs === "non-color-value") {
-      if (import_constants.isWeb) {
-        if (key in tokenCategories.color) {
-          return valOrVar.variable;
-        }
-      }
-      return valOrVar.val;
-    }
-    if (!import_constants.isWeb || resolveAs === "value") {
-      return valOrVar.val;
-    }
-    return valOrVar.variable;
-  }
-  return valOrVar;
-}
-const tokenCategories = {
-  radius: {
-    borderRadius: true,
-    borderTopLeftRadius: true,
-    borderTopRightRadius: true,
-    borderBottomLeftRadius: true,
-    borderBottomRightRadius: true
-  },
-  size: {
-    width: true,
-    height: true,
-    minWidth: true,
-    minHeight: true,
-    maxWidth: true,
-    maxHeight: true
-  },
-  zIndex: {
-    zIndex: true
-  },
-  color: {
-    color: true,
-    backgroundColor: true,
-    borderColor: true,
-    borderBottomColor: true,
-    borderTopColor: true,
-    borderLeftColor: true,
-    borderRightColor: true
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createPropMapper,
-  getFontFamilyFromNameOrVariable,
-  getPropMappedFontFamily,
-  getReturnVariablesAs
-});
+Set the debug prop to true to see more detailed debug information.`),p&&C.isDevTools&&console.log("Looked in:",{theme:n,tokensParsed:m,fontsParsed:y}),null):t};function z(e,t,o="auto"){return(0,S.isVariable)(t)?o==="variable"?t:o==="non-color-value"?P.isWeb&&e in R.color?t.variable:t.val:!P.isWeb||o==="value"?t.val:t.variable:t}const R={radius:{borderRadius:!0,borderTopLeftRadius:!0,borderTopRightRadius:!0,borderBottomLeftRadius:!0,borderBottomRightRadius:!0},size:{width:!0,height:!0,minWidth:!0,minHeight:!0,maxWidth:!0,maxHeight:!0},zIndex:{zIndex:!0},color:{color:!0,backgroundColor:!0,borderColor:!0,borderBottomColor:!0,borderTopColor:!0,borderLeftColor:!0,borderRightColor:!0}};0&&(module.exports={createPropMapper,getFontFamilyFromNameOrVariable,getPropMappedFontFamily,getReturnVariablesAs});
 //# sourceMappingURL=createPropMapper.js.map