@tamagui/web 1.14.1 → 1.14.2

package/dist/esm/createTamagui.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createTamagui.ts"],
   "sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\n\nimport { configListeners, setConfig } from './config.js'\nimport { createVariables, tokensKeysOrdered } from './createVariables.js'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules.js'\nimport {\n  getAllRules,\n  listenForSheetChanges,\n  scanAllSheets,\n} from './helpers/insertStyleRule.js'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable.js'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes.js'\nimport { configureMedia } from './hooks/useMedia.js'\nimport { parseFont, registerFontVariables } from './insertFont.js'\nimport { Tamagui } from './Tamagui.js'\nimport {\n  CreateTamaguiProps,\n  InferTamaguiConfig,\n  TamaguiInternalConfig,\n  ThemeParsed,\n} from './types.js'\n\n// config is re-run by the @tamagui/static, dont double validate\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  configIn: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(configIn)) {\n    return configIn as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!configIn.tokens) {\n      throw new Error('Must define tokens')\n    }\n    if (!configIn.themes) {\n      throw new Error('Must define themes')\n    }\n    if (!configIn.fonts) {\n      throw new Error('Must define fonts')\n    }\n  }\n\n  scanAllSheets()\n  listenForSheetChanges()\n\n  const fontTokens = Object.fromEntries(\n    Object.entries(configIn.fonts!).map(([k, v]) => {\n      return [k, createVariables(v, 'f', true)]\n    })\n  )\n\n  const fontsParsed = (() => {\n    const res = {} as typeof fontTokens\n    for (const familyName in fontTokens) {\n      res[`$${familyName}`] = parseFont(fontTokens[familyName])\n    }\n    return res!\n  })()\n\n  const themeConfig = (() => {\n    const themes = { ...configIn.themes }\n    const cssRuleSets: string[] = []\n\n    if (isWeb) {\n      const declarations: string[] = []\n      const fontDeclarations: Record<\n        string,\n        { name: string; declarations: string[]; language?: string }\n      > = {}\n\n      for (const key in configIn.tokens) {\n        for (const skey in configIn.tokens[key]) {\n          const val = configIn.tokens[key][skey]\n          registerCSSVariable(val)\n          declarations.push(variableToCSS(val, key === 'zIndex'))\n        }\n      }\n\n      for (const key in fontsParsed) {\n        const fontParsed = fontsParsed[key]\n        const [name, language] = key.includes('_') ? key.split('_') : [key]\n        const fontVars = registerFontVariables(fontParsed)\n        fontDeclarations[key] = {\n          name: name.slice(1),\n          declarations: fontVars,\n          language,\n        }\n      }\n\n      const sep =\n        process.env.NODE_ENV === 'development' ? configIn.cssStyleSeparator || ' ' : ''\n\n      function declarationsToRuleSet(decs: string[], selector = '') {\n        return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n      }\n\n      // non-font\n      cssRuleSets.push(declarationsToRuleSet(declarations))\n\n      // fonts\n      if (fontDeclarations) {\n        for (const key in fontDeclarations) {\n          const { name, declarations, language = 'default' } = fontDeclarations[key]\n          const fontSelector = `.font_${name}`\n          const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n          const selectors =\n            language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeParsed\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new Map<string, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName] as ThemeParsed\n      // dont force referential equality but may need something more consistent than JSON.stringify\n      const key = JSON.stringify(rawTheme)\n\n      // if existing, avoid\n      if (existing.has(key)) {\n        const e = existing.get(key)!\n        themes[themeName] = e.theme\n        e.names.push(themeName)\n        continue\n      }\n\n      // ensure each theme object unique for dedupe\n      const theme = { ...rawTheme }\n      // parse into variables\n      for (const key in theme) {\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, key)\n      }\n      themes[themeName] = theme\n\n      // set deduped\n      dedupedThemes[themeName] = {\n        names: [themeName],\n        theme,\n      }\n\n      existing.set(key, dedupedThemes[themeName])\n    }\n\n    // then, generate CSS from de-duped\n    let themeRuleSets: string[] = []\n\n    if (isWeb || isRSC) {\n      for (const themeName in dedupedThemes) {\n        themeRuleSets = [\n          ...themeRuleSets,\n          ...getThemeCSSRules({\n            config: configIn,\n            themeName,\n            ...dedupedThemes[themeName],\n          }),\n        ]\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      themes[themeName] = proxyThemeToParents(themeName, themes[themeName], themes)\n    }\n\n    tokensValueToVariable.clear()\n\n    return {\n      themes,\n      cssRuleSets,\n      themeRuleSets,\n    }\n  })()\n\n  // faster $lookups\n  const tokensParsed: any = Object.fromEntries(\n    Object.entries(configIn.tokens).map(([k, v]) => {\n      const val = Object.fromEntries(Object.entries(v).map(([k, v]) => [`$${k}`, v]))\n      tokensKeysOrdered.set(val, tokensKeysOrdered.get(v))\n      return [k, val]\n    })\n  )\n  \n  const shorthands = configIn.shorthands || {}\n\n  const config: TamaguiInternalConfig = {\n    fontLanguages: [],\n    animations: {} as any,\n    media: {},\n    ...configIn,\n    // already processed by createTokens()\n    tokens: configIn.tokens as any,\n    // vite made this into a function if it wasn't set\n    shorthands: { ...shorthands },\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes as any,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS: (separator = '\\n') => {\n      return `\n._ovs-contain {overscroll-behavior:contain;}\n.t_unmounted .t_will-mount {opacity:0;visibility:hidden;}\n.is_Text .is_Text {display:inline-flex;}\n._dsp_contents {display:contents;}\n${themeConfig.cssRuleSets.join(separator)}\n${themeConfig.themeRuleSets.join(separator)}\n${getAllRules().join(separator)}`\n    },\n    // const tokens = [...getToken(tokens.size[0])]\n    // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }\n  }\n\n  configureMedia(config)\n  setConfig(config)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(config))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(config, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (process.env.DEBUG?.startsWith('tamagui')) {\n      // eslint-disable-next-line no-console\n      console.log('Tamagui config:', config)\n    }\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  return config as any\n}\n"],
-  "mappings": "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",
-  "names": ["isRSC", "isWeb", "configListeners", "setConfig", "createVariables", "tokensKeysOrdered", "getThemeCSSRules", "getAllRules", "listenForSheetChanges", "scanAllSheets", "registerCSSVariable", "tokensValueToVariable", "variableToCSS", "ensureThemeVariable", "proxyThemeToParents", "configureMedia", "parseFont", "registerFontVariables", "Tamagui", "createdConfigs", "createTamagui", "configIn", "_a", "fontTokens", "k", "v", "fontsParsed", "res", "familyName", "themeConfig", "themes", "cssRuleSets", "declarationsToRuleSet", "decs", "selector", "sep", "declarations", "fontDeclarations", "key", "skey", "val", "fontParsed", "name", "language", "fontVars", "fontSelector", "langSelector", "selectors", "specificRuleSet", "dedupedThemes", "existing", "themeName", "rawTheme", "e", "theme", "themeRuleSets", "tokensParsed", "shorthands", "config", "separator", "cb"]
+  "mappings": "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",
+  "names": ["declarationsToRuleSet", "declarations", "key", "k", "v"]
 }

package/dist/esm/createTamagui.mjs

@@ -1,10 +1,191 @@
-import{isRSC as N,isWeb as $}from"@tamagui/constants";import{configListeners as S,setConfig as w}from"./config.js";import{createVariables as V,tokensKeysOrdered as E}from"./createVariables.js";import{getThemeCSSRules as P}from"./helpers/getThemeCSSRules.js";import{getAllRules as R,listenForSheetChanges as x,scanAllSheets as D}from"./helpers/insertStyleRule.js";import{registerCSSVariable as M,tokensValueToVariable as F,variableToCSS as W}from"./helpers/registerCSSVariable.js";import{ensureThemeVariable as z,proxyThemeToParents as A}from"./helpers/themes.js";import{configureMedia as L}from"./hooks/useMedia.js";import{parseFont as B,registerFontVariables as G}from"./insertFont.js";import{Tamagui as J}from"./Tamagui.js";const v=new WeakMap;function ae(n){var b;if(v.has(n))return n;if(process.env.NODE_ENV==="development"){if(!n.tokens)throw new Error("Must define tokens");if(!n.themes)throw new Error("Must define themes");if(!n.fonts)throw new Error("Must define fonts")}D(),x();const k=Object.fromEntries(Object.entries(n.fonts).map(([e,o])=>[e,V(o,"f",!0)])),T=(()=>{const e={};for(const o in k)e[`$${o}`]=B(k[o]);return e})(),d=(()=>{const e={...n.themes},o=[];if($){let r=function(t,a=""){return`:root${a} {${c}${[...t].join(`;${c}`)}${c}}`};var me=r;const s=[],m={};for(const t in n.tokens)for(const a in n.tokens[t]){const l=n.tokens[t][a];M(l),s.push(W(l,t==="zIndex"))}for(const t in T){const a=T[t],[l,p]=t.includes("_")?t.split("_"):[t],g=G(a);m[t]={name:l.slice(1),declarations:g,language:p}}const c=process.env.NODE_ENV==="development"?n.cssStyleSeparator||" ":"";if(o.push(r(s)),m)for(const t in m){const{name:a,declarations:l,language:p="default"}=m[t],g=`.font_${a}`,C=`:root .t_lang-${a}-${p} ${g}`,O=p==="default"?` ${g}, ${C}`:C,j=r(l,O);o.push(j)}}const i={},u=new Map;for(const s in e){const m=e[s],c=JSON.stringify(m);if(u.has(c)){const t=u.get(c);e[s]=t.theme,t.names.push(s);continue}const r={...m};for(const t in r)z(r,t);e[s]=r,i[s]={names:[s],theme:r},u.set(c,i[s])}let h=[];if($||N)for(const s in i)h=[...h,...P({config:n,themeName:s,...i[s]})];for(const s in e)e[s]=A(s,e[s],e);return F.clear(),{themes:e,cssRuleSets:o,themeRuleSets:h}})(),_=Object.fromEntries(Object.entries(n.tokens).map(([e,o])=>{const i=Object.fromEntries(Object.entries(o).map(([u,h])=>[`$${u}`,h]));return E.set(i,E.get(o)),[e,i]})),y=n.shorthands||{},f={fontLanguages:[],animations:{},media:{},...n,tokens:n.tokens,shorthands:{...y},inverseShorthands:y?Object.fromEntries(Object.entries(y).map(([e,o])=>[o,e])):{},themes:d.themes,fontsParsed:T,themeConfig:d,tokensParsed:_,parsed:!0,getCSS:(e=`
-`)=>`
+import { isRSC, isWeb } from "@tamagui/constants";
+import { configListeners, setConfig } from "./config.js";
+import { createVariables, tokensKeysOrdered } from "./createVariables.js";
+import { getThemeCSSRules } from "./helpers/getThemeCSSRules.js";
+import {
+  getAllRules,
+  listenForSheetChanges,
+  scanAllSheets
+} from "./helpers/insertStyleRule.js";
+import {
+  registerCSSVariable,
+  tokensValueToVariable,
+  variableToCSS
+} from "./helpers/registerCSSVariable.js";
+import { ensureThemeVariable, proxyThemeToParents } from "./helpers/themes.js";
+import { configureMedia } from "./hooks/useMedia.js";
+import { parseFont, registerFontVariables } from "./insertFont.js";
+import { Tamagui } from "./Tamagui.js";
+const createdConfigs = /* @__PURE__ */ new WeakMap();
+function createTamagui(configIn) {
+  var _a;
+  if (createdConfigs.has(configIn)) {
+    return configIn;
+  }
+  if (process.env.NODE_ENV === "development") {
+    if (!configIn.tokens) {
+      throw new Error("Must define tokens");
+    }
+    if (!configIn.themes) {
+      throw new Error("Must define themes");
+    }
+    if (!configIn.fonts) {
+      throw new Error("Must define fonts");
+    }
+  }
+  scanAllSheets();
+  listenForSheetChanges();
+  const fontTokens = Object.fromEntries(
+    Object.entries(configIn.fonts).map(([k, v]) => {
+      return [k, createVariables(v, "f", true)];
+    })
+  );
+  const fontsParsed = (() => {
+    const res = {};
+    for (const familyName in fontTokens) {
+      res[`$${familyName}`] = parseFont(fontTokens[familyName]);
+    }
+    return res;
+  })();
+  const themeConfig = (() => {
+    const themes = { ...configIn.themes };
+    const cssRuleSets = [];
+    if (isWeb) {
+      let declarationsToRuleSet2 = function(decs, selector = "") {
+        return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`;
+      };
+      var declarationsToRuleSet = declarationsToRuleSet2;
+      const declarations = [];
+      const fontDeclarations = {};
+      for (const key in configIn.tokens) {
+        for (const skey in configIn.tokens[key]) {
+          const val = configIn.tokens[key][skey];
+          registerCSSVariable(val);
+          declarations.push(variableToCSS(val, key === "zIndex"));
+        }
+      }
+      for (const key in fontsParsed) {
+        const fontParsed = fontsParsed[key];
+        const [name, language] = key.includes("_") ? key.split("_") : [key];
+        const fontVars = registerFontVariables(fontParsed);
+        fontDeclarations[key] = {
+          name: name.slice(1),
+          declarations: fontVars,
+          language
+        };
+      }
+      const sep = process.env.NODE_ENV === "development" ? configIn.cssStyleSeparator || " " : "";
+      cssRuleSets.push(declarationsToRuleSet2(declarations));
+      if (fontDeclarations) {
+        for (const key in fontDeclarations) {
+          const { name, declarations: declarations2, language = "default" } = fontDeclarations[key];
+          const fontSelector = `.font_${name}`;
+          const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`;
+          const selectors = language === "default" ? ` ${fontSelector}, ${langSelector}` : langSelector;
+          const specificRuleSet = declarationsToRuleSet2(declarations2, selectors);
+          cssRuleSets.push(specificRuleSet);
+        }
+      }
+    }
+    const dedupedThemes = {};
+    const existing = /* @__PURE__ */ new Map();
+    for (const themeName in themes) {
+      const rawTheme = themes[themeName];
+      const key = JSON.stringify(rawTheme);
+      if (existing.has(key)) {
+        const e = existing.get(key);
+        themes[themeName] = e.theme;
+        e.names.push(themeName);
+        continue;
+      }
+      const theme = { ...rawTheme };
+      for (const key2 in theme) {
+        ensureThemeVariable(theme, key2);
+      }
+      themes[themeName] = theme;
+      dedupedThemes[themeName] = {
+        names: [themeName],
+        theme
+      };
+      existing.set(key, dedupedThemes[themeName]);
+    }
+    let themeRuleSets = [];
+    if (isWeb || isRSC) {
+      for (const themeName in dedupedThemes) {
+        themeRuleSets = [
+          ...themeRuleSets,
+          ...getThemeCSSRules({
+            config: configIn,
+            themeName,
+            ...dedupedThemes[themeName]
+          })
+        ];
+      }
+    }
+    for (const themeName in themes) {
+      themes[themeName] = proxyThemeToParents(themeName, themes[themeName], themes);
+    }
+    tokensValueToVariable.clear();
+    return {
+      themes,
+      cssRuleSets,
+      themeRuleSets
+    };
+  })();
+  const tokensParsed = Object.fromEntries(
+    Object.entries(configIn.tokens).map(([k, v]) => {
+      const val = Object.fromEntries(Object.entries(v).map(([k2, v2]) => [`$${k2}`, v2]));
+      tokensKeysOrdered.set(val, tokensKeysOrdered.get(v));
+      return [k, val];
+    })
+  );
+  const shorthands = configIn.shorthands || {};
+  const config = {
+    fontLanguages: [],
+    animations: {},
+    media: {},
+    ...configIn,
+    // already processed by createTokens()
+    tokens: configIn.tokens,
+    // vite made this into a function if it wasn't set
+    shorthands: { ...shorthands },
+    inverseShorthands: shorthands ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k])) : {},
+    themes: themeConfig.themes,
+    fontsParsed,
+    themeConfig,
+    tokensParsed,
+    parsed: true,
+    getCSS: (separator = "\n") => {
+      return `
 ._ovs-contain {overscroll-behavior:contain;}
 .t_unmounted .t_will-mount {opacity:0;visibility:hidden;}
 .is_Text .is_Text {display:inline-flex;}
 ._dsp_contents {display:contents;}
-${d.cssRuleSets.join(e)}
-${d.themeRuleSets.join(e)}
-${R().join(e)}`};return L(f),w(f),S.size&&(S.forEach(e=>e(f)),S.clear()),v.set(f,!0),process.env.NODE_ENV==="development"&&((b=process.env.DEBUG)!=null&&b.startsWith("tamagui")&&console.log("Tamagui config:",f),globalThis.Tamagui||(globalThis.Tamagui=J)),f}export{ae as createTamagui};
+${themeConfig.cssRuleSets.join(separator)}
+${themeConfig.themeRuleSets.join(separator)}
+${getAllRules().join(separator)}`;
+    }
+    // const tokens = [...getToken(tokens.size[0])]
+    // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }
+  };
+  configureMedia(config);
+  setConfig(config);
+  if (configListeners.size) {
+    configListeners.forEach((cb) => cb(config));
+    configListeners.clear();
+  }
+  createdConfigs.set(config, true);
+  if (process.env.NODE_ENV === "development") {
+    if ((_a = process.env.DEBUG) == null ? void 0 : _a.startsWith("tamagui")) {
+      console.log("Tamagui config:", config);
+    }
+    if (!globalThis["Tamagui"]) {
+      globalThis["Tamagui"] = Tamagui;
+    }
+  }
+  return config;
+}
+export {
+  createTamagui
+};
 //# sourceMappingURL=createTamagui.mjs.map

package/dist/esm/createTamagui.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createTamagui.ts"],
   "sourcesContent": ["import { isRSC, isWeb } from '@tamagui/constants'\n\nimport { configListeners, setConfig } from './config.js'\nimport { createVariables, tokensKeysOrdered } from './createVariables.js'\nimport { getThemeCSSRules } from './helpers/getThemeCSSRules.js'\nimport {\n  getAllRules,\n  listenForSheetChanges,\n  scanAllSheets,\n} from './helpers/insertStyleRule.js'\nimport {\n  registerCSSVariable,\n  tokensValueToVariable,\n  variableToCSS,\n} from './helpers/registerCSSVariable.js'\nimport { ensureThemeVariable, proxyThemeToParents } from './helpers/themes.js'\nimport { configureMedia } from './hooks/useMedia.js'\nimport { parseFont, registerFontVariables } from './insertFont.js'\nimport { Tamagui } from './Tamagui.js'\nimport {\n  CreateTamaguiProps,\n  InferTamaguiConfig,\n  TamaguiInternalConfig,\n  ThemeParsed,\n} from './types.js'\n\n// config is re-run by the @tamagui/static, dont double validate\nconst createdConfigs = new WeakMap<any, boolean>()\n\nexport function createTamagui<Conf extends CreateTamaguiProps>(\n  configIn: Conf\n): InferTamaguiConfig<Conf> {\n  if (createdConfigs.has(configIn)) {\n    return configIn as any\n  }\n\n  if (process.env.NODE_ENV === 'development') {\n    if (!configIn.tokens) {\n      throw new Error('Must define tokens')\n    }\n    if (!configIn.themes) {\n      throw new Error('Must define themes')\n    }\n    if (!configIn.fonts) {\n      throw new Error('Must define fonts')\n    }\n  }\n\n  scanAllSheets()\n  listenForSheetChanges()\n\n  const fontTokens = Object.fromEntries(\n    Object.entries(configIn.fonts!).map(([k, v]) => {\n      return [k, createVariables(v, 'f', true)]\n    })\n  )\n\n  const fontsParsed = (() => {\n    const res = {} as typeof fontTokens\n    for (const familyName in fontTokens) {\n      res[`$${familyName}`] = parseFont(fontTokens[familyName])\n    }\n    return res!\n  })()\n\n  const themeConfig = (() => {\n    const themes = { ...configIn.themes }\n    const cssRuleSets: string[] = []\n\n    if (isWeb) {\n      const declarations: string[] = []\n      const fontDeclarations: Record<\n        string,\n        { name: string; declarations: string[]; language?: string }\n      > = {}\n\n      for (const key in configIn.tokens) {\n        for (const skey in configIn.tokens[key]) {\n          const val = configIn.tokens[key][skey]\n          registerCSSVariable(val)\n          declarations.push(variableToCSS(val, key === 'zIndex'))\n        }\n      }\n\n      for (const key in fontsParsed) {\n        const fontParsed = fontsParsed[key]\n        const [name, language] = key.includes('_') ? key.split('_') : [key]\n        const fontVars = registerFontVariables(fontParsed)\n        fontDeclarations[key] = {\n          name: name.slice(1),\n          declarations: fontVars,\n          language,\n        }\n      }\n\n      const sep =\n        process.env.NODE_ENV === 'development' ? configIn.cssStyleSeparator || ' ' : ''\n\n      function declarationsToRuleSet(decs: string[], selector = '') {\n        return `:root${selector} {${sep}${[...decs].join(`;${sep}`)}${sep}}`\n      }\n\n      // non-font\n      cssRuleSets.push(declarationsToRuleSet(declarations))\n\n      // fonts\n      if (fontDeclarations) {\n        for (const key in fontDeclarations) {\n          const { name, declarations, language = 'default' } = fontDeclarations[key]\n          const fontSelector = `.font_${name}`\n          const langSelector = `:root .t_lang-${name}-${language} ${fontSelector}`\n          const selectors =\n            language === 'default' ? ` ${fontSelector}, ${langSelector}` : langSelector\n          const specificRuleSet = declarationsToRuleSet(declarations, selectors)\n          cssRuleSets.push(specificRuleSet)\n        }\n      }\n    }\n\n    // dedupe themes to avoid duplicate CSS generation\n    type DedupedTheme = {\n      names: string[]\n      theme: ThemeParsed\n    }\n    const dedupedThemes: {\n      [key: string]: DedupedTheme\n    } = {}\n    const existing = new Map<string, DedupedTheme>()\n\n    // first, de-dupe and parse them\n    for (const themeName in themes) {\n      const rawTheme = themes[themeName] as ThemeParsed\n      // dont force referential equality but may need something more consistent than JSON.stringify\n      const key = JSON.stringify(rawTheme)\n\n      // if existing, avoid\n      if (existing.has(key)) {\n        const e = existing.get(key)!\n        themes[themeName] = e.theme\n        e.names.push(themeName)\n        continue\n      }\n\n      // ensure each theme object unique for dedupe\n      const theme = { ...rawTheme }\n      // parse into variables\n      for (const key in theme) {\n        // make sure properly names theme variables\n        ensureThemeVariable(theme, key)\n      }\n      themes[themeName] = theme\n\n      // set deduped\n      dedupedThemes[themeName] = {\n        names: [themeName],\n        theme,\n      }\n\n      existing.set(key, dedupedThemes[themeName])\n    }\n\n    // then, generate CSS from de-duped\n    let themeRuleSets: string[] = []\n\n    if (isWeb || isRSC) {\n      for (const themeName in dedupedThemes) {\n        themeRuleSets = [\n          ...themeRuleSets,\n          ...getThemeCSSRules({\n            config: configIn,\n            themeName,\n            ...dedupedThemes[themeName],\n          }),\n        ]\n      }\n    }\n\n    // proxy upwards to get parent variables (themes are subset going down)\n    for (const themeName in themes) {\n      themes[themeName] = proxyThemeToParents(themeName, themes[themeName], themes)\n    }\n\n    tokensValueToVariable.clear()\n\n    return {\n      themes,\n      cssRuleSets,\n      themeRuleSets,\n    }\n  })()\n\n  // faster $lookups\n  const tokensParsed: any = Object.fromEntries(\n    Object.entries(configIn.tokens).map(([k, v]) => {\n      const val = Object.fromEntries(Object.entries(v).map(([k, v]) => [`$${k}`, v]))\n      tokensKeysOrdered.set(val, tokensKeysOrdered.get(v))\n      return [k, val]\n    })\n  )\n  \n  const shorthands = configIn.shorthands || {}\n\n  const config: TamaguiInternalConfig = {\n    fontLanguages: [],\n    animations: {} as any,\n    media: {},\n    ...configIn,\n    // already processed by createTokens()\n    tokens: configIn.tokens as any,\n    // vite made this into a function if it wasn't set\n    shorthands: { ...shorthands },\n    inverseShorthands: shorthands\n      ? Object.fromEntries(Object.entries(shorthands).map(([k, v]) => [v, k]))\n      : {},\n    themes: themeConfig.themes as any,\n    fontsParsed,\n    themeConfig,\n    tokensParsed,\n    parsed: true,\n    getCSS: (separator = '\\n') => {\n      return `\n._ovs-contain {overscroll-behavior:contain;}\n.t_unmounted .t_will-mount {opacity:0;visibility:hidden;}\n.is_Text .is_Text {display:inline-flex;}\n._dsp_contents {display:contents;}\n${themeConfig.cssRuleSets.join(separator)}\n${themeConfig.themeRuleSets.join(separator)}\n${getAllRules().join(separator)}`\n    },\n    // const tokens = [...getToken(tokens.size[0])]\n    // .spacer-sm + ._dsp_contents._dsp-sm-hidden { margin-left: -var(--${}) }\n  }\n\n  configureMedia(config)\n  setConfig(config)\n\n  if (configListeners.size) {\n    configListeners.forEach((cb) => cb(config))\n    configListeners.clear()\n  }\n\n  createdConfigs.set(config, true)\n\n  if (process.env.NODE_ENV === 'development') {\n    if (process.env.DEBUG?.startsWith('tamagui')) {\n      // eslint-disable-next-line no-console\n      console.log('Tamagui config:', config)\n    }\n    if (!globalThis['Tamagui']) {\n      globalThis['Tamagui'] = Tamagui\n    }\n  }\n\n  return config as any\n}\n"],
-  "mappings": "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",
-  "names": ["isRSC", "isWeb", "configListeners", "setConfig", "createVariables", "tokensKeysOrdered", "getThemeCSSRules", "getAllRules", "listenForSheetChanges", "scanAllSheets", "registerCSSVariable", "tokensValueToVariable", "variableToCSS", "ensureThemeVariable", "proxyThemeToParents", "configureMedia", "parseFont", "registerFontVariables", "Tamagui", "createdConfigs", "createTamagui", "configIn", "_a", "fontTokens", "k", "v", "fontsParsed", "res", "familyName", "themeConfig", "themes", "cssRuleSets", "declarationsToRuleSet", "decs", "selector", "sep", "declarations", "fontDeclarations", "key", "skey", "val", "fontParsed", "name", "language", "fontVars", "fontSelector", "langSelector", "selectors", "specificRuleSet", "dedupedThemes", "existing", "themeName", "rawTheme", "e", "theme", "themeRuleSets", "tokensParsed", "shorthands", "config", "separator", "cb"]
+  "mappings": "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",
+  "names": ["declarationsToRuleSet", "declarations", "key", "k", "v"]
 }

package/dist/esm/createTheme.js

@@ -1,2 +1,7 @@
-const r=e=>e;export{r as createTheme};
+const createTheme = (theme) => {
+  return theme;
+};
+export {
+  createTheme
+};
 //# sourceMappingURL=createTheme.js.map

package/dist/esm/createTheme.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createTheme.ts"],
   "sourcesContent": ["import type { Variable } from './createVariable.js'\n\ntype GenericTheme = { [key: string]: string | Variable }\n\n// export const themeToVariableToValueMap = new WeakMap<any, Record<string, string>>()\n\nexport const createTheme = <Theme extends GenericTheme>(\n  theme: Theme\n): {\n  [K in keyof Theme]: Theme[K] | string | Variable\n} => {\n  return theme\n}\n"],
-  "mappings": "AAMO,MAAMA,EACXC,GAIOA",
-  "names": ["createTheme", "theme"]
+  "mappings": "AAMO,MAAM,cAAc,CACzB,UAGG;AACH,SAAO;AACT;",
+  "names": []
 }

package/dist/esm/createTheme.mjs

@@ -1,2 +1,7 @@
-const r=e=>e;export{r as createTheme};
+const createTheme = (theme) => {
+  return theme;
+};
+export {
+  createTheme
+};
 //# sourceMappingURL=createTheme.mjs.map

package/dist/esm/createTheme.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createTheme.ts"],
   "sourcesContent": ["import type { Variable } from './createVariable.js'\n\ntype GenericTheme = { [key: string]: string | Variable }\n\n// export const themeToVariableToValueMap = new WeakMap<any, Record<string, string>>()\n\nexport const createTheme = <Theme extends GenericTheme>(\n  theme: Theme\n): {\n  [K in keyof Theme]: Theme[K] | string | Variable\n} => {\n  return theme\n}\n"],
-  "mappings": "AAMO,MAAMA,EACXC,GAIOA",
-  "names": ["createTheme", "theme"]
+  "mappings": "AAMO,MAAM,cAAc,CACzB,UAGG;AACH,SAAO;AACT;",
+  "names": []
 }

package/dist/esm/createTokens.js

@@ -1,2 +1,15 @@
-import{createVariables as n}from"./createVariables.js";function r(e){return n(e)}const t=r({size:{0:1},space:{0:1},radius:{0:1},zIndex:{0:1},color:{0:"hi"}});export{r as createTokens};
+import { createVariables } from "./createVariables.js";
+function createTokens(tokens2) {
+  return createVariables(tokens2);
+}
+const tokens = createTokens({
+  size: { 0: 1 },
+  space: { 0: 1 },
+  radius: { 0: 1 },
+  zIndex: { 0: 1 },
+  color: { 0: "hi" }
+});
+export {
+  createTokens
+};
 //# sourceMappingURL=createTokens.js.map

package/dist/esm/createTokens.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createTokens.ts"],
   "sourcesContent": ["import { Variable } from './createVariable.js'\nimport { createVariables } from './createVariables.js'\nimport { CreateTokens } from './types.js'\n\n// tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }\nexport function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {\n  return createVariables(tokens) as any\n}\n\n// verbose but gives us nice types...\ntype MakeTokens<T> = T extends {\n  color: infer E\n  space: infer F\n  size: infer G\n  radius: infer H\n  zIndex: infer J\n}\n  ? {\n      color: {\n        // removes $ prefix allowing for defining either as $1: or 1:,\n        // which is important because Chrome re-orders numerical-seeming keys :/\n        [Key in keyof E extends `$${infer X}` ? X : keyof E]: Variable<string>\n      }\n      space: {\n        [Key in keyof F extends `$${infer X}` ? X : keyof F]: Variable<number>\n      }\n      size: {\n        [Key in keyof G extends `$${infer X}` ? X : keyof G]: Variable<number>\n      }\n      radius: {\n        [Key in keyof H extends `$${infer X}` ? X : keyof H]: Variable<number>\n      }\n      zIndex: {\n        [Key in keyof J extends `$${infer X}` ? X : keyof J]: Variable<number>\n      }\n    }\n  : never\n\n// test\n// TODO move to tests\nconst tokens = createTokens({\n  size: { 0: 1 },\n  space: { 0: 1 },\n  radius: { 0: 1 },\n  zIndex: { 0: 1 },\n  color: { 0: 'hi' },\n})\n"],
-  "mappings": "AACA,OAAS,mBAAAA,MAAuB,uBAIzB,SAASC,EAAqCC,EAA0B,CAC7E,OAAOF,EAAgBE,CAAM,CAC/B,CAiCA,MAAMA,EAASD,EAAa,CAC1B,KAAM,CAAE,EAAG,CAAE,EACb,MAAO,CAAE,EAAG,CAAE,EACd,OAAQ,CAAE,EAAG,CAAE,EACf,OAAQ,CAAE,EAAG,CAAE,EACf,MAAO,CAAE,EAAG,IAAK,CACnB,CAAC",
-  "names": ["createVariables", "createTokens", "tokens"]
+  "mappings": "AACA,SAAS,uBAAuB;AAIzB,SAAS,aAAqCA,SAA0B;AAC7E,SAAO,gBAAgBA,OAAM;AAC/B;AAiCA,MAAM,SAAS,aAAa;AAAA,EAC1B,MAAM,EAAE,GAAG,EAAE;AAAA,EACb,OAAO,EAAE,GAAG,EAAE;AAAA,EACd,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,OAAO,EAAE,GAAG,KAAK;AACnB,CAAC;",
+  "names": ["tokens"]
 }

package/dist/esm/createTokens.mjs

@@ -1,2 +1,15 @@
-import{createVariables as n}from"./createVariables.js";function r(e){return n(e)}const t=r({size:{0:1},space:{0:1},radius:{0:1},zIndex:{0:1},color:{0:"hi"}});export{r as createTokens};
+import { createVariables } from "./createVariables.js";
+function createTokens(tokens2) {
+  return createVariables(tokens2);
+}
+const tokens = createTokens({
+  size: { 0: 1 },
+  space: { 0: 1 },
+  radius: { 0: 1 },
+  zIndex: { 0: 1 },
+  color: { 0: "hi" }
+});
+export {
+  createTokens
+};
 //# sourceMappingURL=createTokens.mjs.map

package/dist/esm/createTokens.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createTokens.ts"],
   "sourcesContent": ["import { Variable } from './createVariable.js'\nimport { createVariables } from './createVariables.js'\nimport { CreateTokens } from './types.js'\n\n// tokens.color.dark.red ===> { var: `color-dark-red`, val: '' }\nexport function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {\n  return createVariables(tokens) as any\n}\n\n// verbose but gives us nice types...\ntype MakeTokens<T> = T extends {\n  color: infer E\n  space: infer F\n  size: infer G\n  radius: infer H\n  zIndex: infer J\n}\n  ? {\n      color: {\n        // removes $ prefix allowing for defining either as $1: or 1:,\n        // which is important because Chrome re-orders numerical-seeming keys :/\n        [Key in keyof E extends `$${infer X}` ? X : keyof E]: Variable<string>\n      }\n      space: {\n        [Key in keyof F extends `$${infer X}` ? X : keyof F]: Variable<number>\n      }\n      size: {\n        [Key in keyof G extends `$${infer X}` ? X : keyof G]: Variable<number>\n      }\n      radius: {\n        [Key in keyof H extends `$${infer X}` ? X : keyof H]: Variable<number>\n      }\n      zIndex: {\n        [Key in keyof J extends `$${infer X}` ? X : keyof J]: Variable<number>\n      }\n    }\n  : never\n\n// test\n// TODO move to tests\nconst tokens = createTokens({\n  size: { 0: 1 },\n  space: { 0: 1 },\n  radius: { 0: 1 },\n  zIndex: { 0: 1 },\n  color: { 0: 'hi' },\n})\n"],
-  "mappings": "AACA,OAAS,mBAAAA,MAAuB,uBAIzB,SAASC,EAAqCC,EAA0B,CAC7E,OAAOF,EAAgBE,CAAM,CAC/B,CAiCA,MAAMA,EAASD,EAAa,CAC1B,KAAM,CAAE,EAAG,CAAE,EACb,MAAO,CAAE,EAAG,CAAE,EACd,OAAQ,CAAE,EAAG,CAAE,EACf,OAAQ,CAAE,EAAG,CAAE,EACf,MAAO,CAAE,EAAG,IAAK,CACnB,CAAC",
-  "names": ["createVariables", "createTokens", "tokens"]
+  "mappings": "AACA,SAAS,uBAAuB;AAIzB,SAAS,aAAqCA,SAA0B;AAC7E,SAAO,gBAAgBA,OAAM;AAC/B;AAiCA,MAAM,SAAS,aAAa;AAAA,EAC1B,MAAM,EAAE,GAAG,EAAE;AAAA,EACb,OAAO,EAAE,GAAG,EAAE;AAAA,EACd,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,QAAQ,EAAE,GAAG,EAAE;AAAA,EACf,OAAO,EAAE,GAAG,KAAK;AACnB,CAAC;",
+  "names": ["tokens"]
 }

package/dist/esm/createVariable.js

@@ -1,2 +1,78 @@
-import{isWeb as n}from"@tamagui/constants";import{simpleHash as i}from"@tamagui/helpers";import{getConfig as V}from"./config.js";const o="isVar",p=e=>{if(a(e))return e;const{key:r,name:t,val:b}=e;return{[o]:!0,key:r,name:i(t,40),val:b,variable:n?c(t):""}};function l(e,r=!1){return a(e)?!r&&n&&e.variable?e.variable:`${e.val}`:`${e||""}`}function a(e){return e&&typeof e=="object"&&o in e}function x(e){if(u(!0),a(e))return l(e);const r=V().tokensParsed;return l(r[e]??e)}let s=!1;const u=e=>s=e,A=()=>s;function m(e){return a(e)?(u(!0),e.val):e}function d(e){return a(e)?e.name:e}function k(e){return a(e)?e.variable:e}const c=(e,r=!0)=>{if(process.env.NODE_ENV==="development"&&(!e||typeof e!="string"))throw new Error(`createCSSVariable expected string: ${e}`);const t=i(e,60);return r?`var(--${t})`:t};export{c as createCSSVariable,p as createVariable,A as didGetVariableValue,x as getVariable,d as getVariableName,m as getVariableValue,k as getVariableVariable,a as isVariable,u as setDidGetVariableValue,l as variableToString};
+import { isWeb } from "@tamagui/constants";
+import { simpleHash } from "@tamagui/helpers";
+import { getConfig } from "./config.js";
+const IS_VAR = "isVar";
+const createVariable = (props) => {
+  if (isVariable(props))
+    return props;
+  const { key, name, val } = props;
+  return {
+    [IS_VAR]: true,
+    key,
+    name: simpleHash(name, 40),
+    val,
+    variable: isWeb ? createCSSVariable(name) : ""
+  };
+};
+function variableToString(vrble, getValue = false) {
+  if (isVariable(vrble)) {
+    if (!getValue && isWeb && vrble.variable) {
+      return vrble.variable;
+    }
+    return `${vrble.val}`;
+  }
+  return `${vrble || ""}`;
+}
+function isVariable(v) {
+  return v && typeof v === "object" && IS_VAR in v;
+}
+function getVariable(nameOrVariable) {
+  setDidGetVariableValue(true);
+  if (isVariable(nameOrVariable)) {
+    return variableToString(nameOrVariable);
+  }
+  const tokens = getConfig().tokensParsed;
+  return variableToString(tokens[nameOrVariable] ?? nameOrVariable);
+}
+let accessed = false;
+const setDidGetVariableValue = (val) => accessed = val;
+const didGetVariableValue = () => accessed;
+function getVariableValue(v) {
+  if (isVariable(v)) {
+    setDidGetVariableValue(true);
+    return v.val;
+  }
+  return v;
+}
+function getVariableName(v) {
+  if (isVariable(v))
+    return v.name;
+  return v;
+}
+function getVariableVariable(v) {
+  if (isVariable(v))
+    return v.variable;
+  return v;
+}
+const createCSSVariable = (nameProp, includeVar = true) => {
+  if (process.env.NODE_ENV === "development") {
+    if (!nameProp || typeof nameProp !== "string") {
+      throw new Error(`createCSSVariable expected string: ${nameProp}`);
+    }
+  }
+  const name = simpleHash(nameProp, 60);
+  return includeVar ? `var(--${name})` : name;
+};
+export {
+  createCSSVariable,
+  createVariable,
+  didGetVariableValue,
+  getVariable,
+  getVariableName,
+  getVariableValue,
+  getVariableVariable,
+  isVariable,
+  setDidGetVariableValue,
+  variableToString
+};
 //# sourceMappingURL=createVariable.js.map

package/dist/esm/createVariable.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/createVariable.ts"],
   "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport { simpleHash } from '@tamagui/helpers'\n\nimport { getConfig } from './config.js'\n\n/**\n * Should rename this to Token\n * Moving to objects for React Server Components support\n */\n\nconst IS_VAR = 'isVar'\n\nexport interface Variable<A = any> {\n  [IS_VAR]?: true\n  variable?: string\n  val: A\n  name: string\n  key: string\n}\n\nexport type MakeVariable<A = any> = A extends string | number ? Variable<A> : A\n\ntype VariableIn<A = any> = Pick<Variable<A>, 'key' | 'name' | 'val'>\nexport const createVariable = <A extends string | number | Variable = any>(\n  props: VariableIn<A>\n): Variable<A> => {\n  if (isVariable(props)) return props\n  const { key, name, val } = props\n  return {\n    [IS_VAR]: true,\n    key: key!,\n    name: simpleHash(name, 40),\n    val: val as any,\n    variable: isWeb ? createCSSVariable(name) : '',\n  }\n}\n\n// could do weakmap cache\nexport function variableToString(vrble?: any, getValue = false) {\n  if (isVariable(vrble)) {\n    if (!getValue && isWeb && vrble.variable) {\n      return vrble.variable\n    }\n    return `${vrble.val}`\n  }\n  return `${vrble || ''}`\n}\n\nexport function isVariable(v: Variable | any): v is Variable {\n  return v && typeof v === 'object' && IS_VAR in v\n}\n\nexport function getVariable(nameOrVariable: Variable | string) {\n  setDidGetVariableValue(true)\n  if (isVariable(nameOrVariable)) {\n    return variableToString(nameOrVariable)\n  }\n  const tokens = getConfig().tokensParsed\n  return variableToString(tokens[nameOrVariable] ?? nameOrVariable)\n}\n\nlet accessed = false\nexport const setDidGetVariableValue = (val: boolean) => (accessed = val)\nexport const didGetVariableValue = () => accessed\n\nexport function getVariableValue(v: Variable | any) {\n  if (isVariable(v)) {\n    setDidGetVariableValue(true)\n    return v.val\n  }\n  return v\n}\n\nexport function getVariableName(v: Variable | any) {\n  if (isVariable(v)) return v.name\n  return v\n}\n\nexport function getVariableVariable(v: Variable | any) {\n  if (isVariable(v)) return v.variable\n  return v\n}\n\n// bugfix { space: { 0.5: 10 } } was generating var(--space-0.5) (invalid CSS):\nexport const createCSSVariable = (nameProp: string, includeVar = true) => {\n  if (process.env.NODE_ENV === 'development') {\n    if (!nameProp || typeof nameProp !== 'string') {\n      throw new Error(`createCSSVariable expected string: ${nameProp}`)\n    }\n  }\n  const name = simpleHash(nameProp, 60)\n  return includeVar ? `var(--${name})` : name\n}\n"],
-  "mappings": "AAAA,OAAS,SAAAA,MAAa,qBACtB,OAAS,cAAAC,MAAkB,mBAE3B,OAAS,aAAAC,MAAiB,cAO1B,MAAMC,EAAS,QAaFC,EACXC,GACgB,CAChB,GAAIC,EAAWD,CAAK,EAAG,OAAOA,EAC9B,KAAM,CAAE,IAAAE,EAAK,KAAAC,EAAM,IAAAC,CAAI,EAAIJ,EAC3B,MAAO,CACL,CAACF,CAAM,EAAG,GACV,IAAKI,EACL,KAAMN,EAAWO,EAAM,EAAE,EACzB,IAAKC,EACL,SAAUT,EAAQU,EAAkBF,CAAI,EAAI,EAC9C,CACF,EAGO,SAASG,EAAiBC,EAAaC,EAAW,GAAO,CAC9D,OAAIP,EAAWM,CAAK,EACd,CAACC,GAAYb,GAASY,EAAM,SACvBA,EAAM,SAER,GAAGA,EAAM,MAEX,GAAGA,GAAS,IACrB,CAEO,SAASN,EAAWQ,EAAkC,CAC3D,OAAOA,GAAK,OAAOA,GAAM,UAAYX,KAAUW,CACjD,CAEO,SAASC,EAAYC,EAAmC,CAE7D,GADAC,EAAuB,EAAI,EACvBX,EAAWU,CAAc,EAC3B,OAAOL,EAAiBK,CAAc,EAExC,MAAME,EAAShB,EAAU,EAAE,aAC3B,OAAOS,EAAiBO,EAAOF,CAAc,GAAKA,CAAc,CAClE,CAEA,IAAIG,EAAW,GACR,MAAMF,EAA0BR,GAAkBU,EAAWV,EACvDW,EAAsB,IAAMD,EAElC,SAASE,EAAiBP,EAAmB,CAClD,OAAIR,EAAWQ,CAAC,GACdG,EAAuB,EAAI,EACpBH,EAAE,KAEJA,CACT,CAEO,SAASQ,EAAgBR,EAAmB,CACjD,OAAIR,EAAWQ,CAAC,EAAUA,EAAE,KACrBA,CACT,CAEO,SAASS,EAAoBT,EAAmB,CACrD,OAAIR,EAAWQ,CAAC,EAAUA,EAAE,SACrBA,CACT,CAGO,MAAMJ,EAAoB,CAACc,EAAkBC,EAAa,KAAS,CACxE,GAAI,QAAQ,IAAI,WAAa,gBACvB,CAACD,GAAY,OAAOA,GAAa,UACnC,MAAM,IAAI,MAAM,sCAAsCA,GAAU,EAGpE,MAAMhB,EAAOP,EAAWuB,EAAU,EAAE,EACpC,OAAOC,EAAa,SAASjB,KAAUA,CACzC",
-  "names": ["isWeb", "simpleHash", "getConfig", "IS_VAR", "createVariable", "props", "isVariable", "key", "name", "val", "createCSSVariable", "variableToString", "vrble", "getValue", "v", "getVariable", "nameOrVariable", "setDidGetVariableValue", "tokens", "accessed", "didGetVariableValue", "getVariableValue", "getVariableName", "getVariableVariable", "nameProp", "includeVar"]
+  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,kBAAkB;AAE3B,SAAS,iBAAiB;AAO1B,MAAM,SAAS;AAaR,MAAM,iBAAiB,CAC5B,UACgB;AAChB,MAAI,WAAW,KAAK;AAAG,WAAO;AAC9B,QAAM,EAAE,KAAK,MAAM,IAAI,IAAI;AAC3B,SAAO;AAAA,IACL,CAAC,MAAM,GAAG;AAAA,IACV;AAAA,IACA,MAAM,WAAW,MAAM,EAAE;AAAA,IACzB;AAAA,IACA,UAAU,QAAQ,kBAAkB,IAAI,IAAI;AAAA,EAC9C;AACF;AAGO,SAAS,iBAAiB,OAAa,WAAW,OAAO;AAC9D,MAAI,WAAW,KAAK,GAAG;AACrB,QAAI,CAAC,YAAY,SAAS,MAAM,UAAU;AACxC,aAAO,MAAM;AAAA,IACf;AACA,WAAO,GAAG,MAAM;AAAA,EAClB;AACA,SAAO,GAAG,SAAS;AACrB;AAEO,SAAS,WAAW,GAAkC;AAC3D,SAAO,KAAK,OAAO,MAAM,YAAY,UAAU;AACjD;AAEO,SAAS,YAAY,gBAAmC;AAC7D,yBAAuB,IAAI;AAC3B,MAAI,WAAW,cAAc,GAAG;AAC9B,WAAO,iBAAiB,cAAc;AAAA,EACxC;AACA,QAAM,SAAS,UAAU,EAAE;AAC3B,SAAO,iBAAiB,OAAO,cAAc,KAAK,cAAc;AAClE;AAEA,IAAI,WAAW;AACR,MAAM,yBAAyB,CAAC,QAAkB,WAAW;AAC7D,MAAM,sBAAsB,MAAM;AAElC,SAAS,iBAAiB,GAAmB;AAClD,MAAI,WAAW,CAAC,GAAG;AACjB,2BAAuB,IAAI;AAC3B,WAAO,EAAE;AAAA,EACX;AACA,SAAO;AACT;AAEO,SAAS,gBAAgB,GAAmB;AACjD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAEO,SAAS,oBAAoB,GAAmB;AACrD,MAAI,WAAW,CAAC;AAAG,WAAO,EAAE;AAC5B,SAAO;AACT;AAGO,MAAM,oBAAoB,CAAC,UAAkB,aAAa,SAAS;AACxE,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,YAAY,OAAO,aAAa,UAAU;AAC7C,YAAM,IAAI,MAAM,sCAAsC,UAAU;AAAA,IAClE;AAAA,EACF;AACA,QAAM,OAAO,WAAW,UAAU,EAAE;AACpC,SAAO,aAAa,SAAS,UAAU;AACzC;",
+  "names": []
 }