@tamagui/web 1.14.0 → 1.14.2

package/dist/esm/helpers/getStylesAtomic.mjs

@@ -1,2 +1,201 @@
-import{simpleHash as y}from"@tamagui/helpers";import{getConfig as x}from"../config.js";import{defaultOffset as m}from"./defaultOffset.js";import{normalizeValueWithProperty as f}from"./normalizeValueWithProperty.js";import{pseudoDescriptors as l}from"./pseudoDescriptors.js";const O=[l.hoverStyle,l.pressStyle,l.focusStyle];function U(e){if(!(e.hoverStyle||e.pressStyle||e.focusStyle))return S(e);const{hoverStyle:o,pressStyle:t,focusStyle:c,...r}=e;let n=[];for(const[s,i]of[o,t,c,r].entries()){if(!i)continue;const a=O[s];n=[...n,...S(i,a)]}return n}function S(e,o){if(!e)return[];if(process.env.NODE_ENV==="development"&&(!e||typeof e!="object"))throw new Error(`Wrong style type: "${typeof e}": ${e}`);return j(e,o)}let $;const j=(e,o)=>{$=$||x();const t=e;t.transform&&Array.isArray(t.transform)&&(t.transform=t.transform.map(r=>{const n=Object.keys(r)[0],s=r[n];return n==="matrix"||n==="matrix3d"?`${n}(${s.join(",")})`:`${n}(${f(s,n)})`}).join(" ")),k(t);const c=[];for(const r in t){const n=f(t[r],r);if(n==null||n==null)continue;let s;C[n]?s=n:s=y(`${n}`);const i=o?`0${o.name}-`:"",d=`_${$.inverseShorthands[r]||r}-${i}${s}`,h=A(d,r,n,o),p={property:r,pseudo:o==null?void 0:o.name,value:n,identifier:d,rules:h};c.push(p)}if(process.env.NODE_ENV==="development"&&process.env.TAMAGUI_DEBUG&&c.find(r=>r.property==="transform"&&r.value.includes("[object Object]")))debugger;return c},C={none:!0};function k(e){const{shadowOffset:o,shadowRadius:t,shadowColor:c}=e;if(e.shadowRadius!==void 0){const i=o||m,a=`${f(i.width)} ${f(i.height)} ${f(t)} ${c}`;e.boxShadow=e.boxShadow?`${e.boxShadow}, ${a}`:a,e.shadowOffset=void 0,e.shadowRadius=void 0,e.shadowColor=void 0}const{textShadowColor:r,textShadowOffset:n,textShadowRadius:s}=e;if(r||n||s){const{height:i,width:a}=n||m,d=s||0,h=f(r,"textShadowColor");if(h&&(i!==0||a!==0||d!==0)){const p=f(d),w=f(a),g=f(i);e.textShadow=`${w} ${g} ${p} ${h}`}e.textShadowColor=void 0,e.textShadowOffset=void 0,e.textShadowRadius=void 0}}function u(e,o=!1){let t="";for(const c in e){const r=R(c),n=e[c];t+=`${r}:${n}${o?" !important":""};`}return`{${t}}`}const b={},P=e=>`-${e.toLowerCase()}`,R=e=>{let o=b[e];return o||(b[e]=o=e.replace(/[A-Z]/g,P),o)},v=(()=>{const e={};for(const o in l){const t=l[o];e[t.name]=`${[...Array(t.priority)].map(()=>":root").join("")} `}return e})();function A(e,o,t,c){const r=c?`${v[c.name]} .${e}:${c.name}`:`.${e}`,n=!!c;let s=[];switch(o){case"placeholderTextColor":{const i=u({color:t,opacity:1},n);s.push(`${r}::placeholder${i}`);break}case"backgroundClip":case"userSelect":{const a=`Webkit${`${o[0].toUpperCase()}${o.slice(1)}`}`,d=u({[o]:t,[a]:t},n);s.push(`${r}${d}`);break}case"pointerEvents":{let i=t;t==="auto"||t==="box-only"?(i="auto",t==="box-only"&&s.push(`${r}>*${D}`)):(t==="none"||t==="box-none")&&(i="none",t==="box-none"&&s.push(`${r}>*${E}`));const a=u({pointerEvents:i},!0);s.push(`${r}${a}`);break}default:{const i=u({[o]:t},n);s.push(`${r}${i}`);break}}return c&&c.name==="hover"&&(s=s.map(i=>`@media not all and (hover: none) { ${i} }`)),s}const E=u({pointerEvents:"auto"},!0),D=u({pointerEvents:"none"},!0);export{S as getAtomicStyle,U as getStylesAtomic,k as styleToCSS};
+import { simpleHash } from "@tamagui/helpers";
+import { getConfig } from "../config.js";
+import { defaultOffset } from "./defaultOffset.js";
+import { normalizeValueWithProperty } from "./normalizeValueWithProperty.js";
+import { pseudoDescriptors } from "./pseudoDescriptors.js";
+const pseudosOrdered = [
+  pseudoDescriptors.hoverStyle,
+  pseudoDescriptors.pressStyle,
+  pseudoDescriptors.focusStyle
+];
+function getStylesAtomic(stylesIn) {
+  if (!(stylesIn.hoverStyle || stylesIn.pressStyle || stylesIn.focusStyle)) {
+    return getAtomicStyle(stylesIn);
+  }
+  const { hoverStyle, pressStyle, focusStyle, ...base } = stylesIn;
+  let res = [];
+  for (const [index, style] of [hoverStyle, pressStyle, focusStyle, base].entries()) {
+    if (!style)
+      continue;
+    const pseudo = pseudosOrdered[index];
+    res = [...res, ...getAtomicStyle(style, pseudo)];
+  }
+  return res;
+}
+function getAtomicStyle(style, pseudo) {
+  if (!style)
+    return [];
+  if (process.env.NODE_ENV === "development") {
+    if (!style || typeof style !== "object") {
+      throw new Error(`Wrong style type: "${typeof style}": ${style}`);
+    }
+  }
+  return generateAtomicStyles(style, pseudo);
+}
+let conf;
+const generateAtomicStyles = (styleIn, pseudo) => {
+  conf = conf || getConfig();
+  const style = styleIn;
+  if (style.transform && Array.isArray(style.transform)) {
+    style.transform = style.transform.map(
+      // { scale: 2 } => 'scale(2)'
+      // { translateX: 20 } => 'translateX(20px)'
+      // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
+      (transform) => {
+        const type = Object.keys(transform)[0];
+        const value = transform[type];
+        if (type === "matrix" || type === "matrix3d") {
+          return `${type}(${value.join(",")})`;
+        }
+        return `${type}(${normalizeValueWithProperty(value, type)})`;
+      }
+    ).join(" ");
+  }
+  styleToCSS(style);
+  const out = [];
+  for (const key in style) {
+    const value = normalizeValueWithProperty(style[key], key);
+    if (value == null || value == void 0)
+      continue;
+    let hash;
+    if (presetHashes[value]) {
+      hash = value;
+    } else {
+      hash = simpleHash(`${value}`);
+    }
+    const pseudoPrefix = pseudo ? `0${pseudo.name}-` : "";
+    const shortProp = conf.inverseShorthands[key] || key;
+    const identifier = `_${shortProp}-${pseudoPrefix}${hash}`;
+    const rules = createAtomicRules(identifier, key, value, pseudo);
+    const styleObject = {
+      property: key,
+      pseudo: pseudo == null ? void 0 : pseudo.name,
+      value,
+      identifier,
+      rules
+    };
+    out.push(styleObject);
+  }
+  if (process.env.NODE_ENV === "development" && process.env.TAMAGUI_DEBUG) {
+    if (out.find((x) => x.property === "transform" && x.value.includes(`[object Object]`))) {
+      debugger;
+    }
+  }
+  return out;
+};
+const presetHashes = {
+  none: true
+};
+function styleToCSS(style) {
+  const { shadowOffset, shadowRadius, shadowColor } = style;
+  if (style.shadowRadius !== void 0) {
+    const offset = shadowOffset || defaultOffset;
+    const shadow = `${normalizeValueWithProperty(
+      offset.width
+    )} ${normalizeValueWithProperty(offset.height)} ${normalizeValueWithProperty(
+      shadowRadius
+    )} ${shadowColor}`;
+    style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow;
+    style.shadowOffset = void 0;
+    style.shadowRadius = void 0;
+    style.shadowColor = void 0;
+  }
+  const { textShadowColor, textShadowOffset, textShadowRadius } = style;
+  if (textShadowColor || textShadowOffset || textShadowRadius) {
+    const { height, width } = textShadowOffset || defaultOffset;
+    const radius = textShadowRadius || 0;
+    const color = normalizeValueWithProperty(textShadowColor, "textShadowColor");
+    if (color && (height !== 0 || width !== 0 || radius !== 0)) {
+      const blurRadius = normalizeValueWithProperty(radius);
+      const offsetX = normalizeValueWithProperty(width);
+      const offsetY = normalizeValueWithProperty(height);
+      style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
+    }
+    style.textShadowColor = void 0;
+    style.textShadowOffset = void 0;
+    style.textShadowRadius = void 0;
+  }
+}
+function createDeclarationBlock(style, important = false) {
+  let next = "";
+  for (const key in style) {
+    const prop = hyphenateStyleName(key);
+    const value = style[key];
+    next += `${prop}:${value}${important ? " !important" : ""};`;
+  }
+  return `{${next}}`;
+}
+const hcache = {};
+const toHyphenLower = (match) => `-${match.toLowerCase()}`;
+const hyphenateStyleName = (key) => {
+  let val = hcache[key];
+  if (val)
+    return val;
+  hcache[key] = val = key.replace(/[A-Z]/g, toHyphenLower);
+  return val;
+};
+const pseudoSelectorPrefixes = (() => {
+  const res = {};
+  for (const key in pseudoDescriptors) {
+    const pseudo = pseudoDescriptors[key];
+    res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ":root").join("")} `;
+  }
+  return res;
+})();
+function createAtomicRules(identifier, property, value, pseudo) {
+  const selector = pseudo ? `${pseudoSelectorPrefixes[pseudo.name]} .${identifier}:${pseudo.name}` : `.${identifier}`;
+  const important = !!pseudo;
+  let rules = [];
+  switch (property) {
+    case "placeholderTextColor": {
+      const block = createDeclarationBlock({ color: value, opacity: 1 }, important);
+      rules.push(`${selector}::placeholder${block}`);
+      break;
+    }
+    case "backgroundClip":
+    case "userSelect": {
+      const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`;
+      const webkitProperty = `Webkit${propertyCapitalized}`;
+      const block = createDeclarationBlock(
+        { [property]: value, [webkitProperty]: value },
+        important
+      );
+      rules.push(`${selector}${block}`);
+      break;
+    }
+    case "pointerEvents": {
+      let finalValue = value;
+      if (value === "auto" || value === "box-only") {
+        finalValue = "auto";
+        if (value === "box-only") {
+          rules.push(`${selector}>*${boxOnly}`);
+        }
+      } else if (value === "none" || value === "box-none") {
+        finalValue = "none";
+        if (value === "box-none") {
+          rules.push(`${selector}>*${boxNone}`);
+        }
+      }
+      const block = createDeclarationBlock({ pointerEvents: finalValue }, true);
+      rules.push(`${selector}${block}`);
+      break;
+    }
+    default: {
+      const block = createDeclarationBlock({ [property]: value }, important);
+      rules.push(`${selector}${block}`);
+      break;
+    }
+  }
+  if (pseudo && pseudo.name === "hover") {
+    rules = rules.map((r) => `@media not all and (hover: none) { ${r} }`);
+  }
+  return rules;
+}
+const boxNone = createDeclarationBlock({ pointerEvents: "auto" }, true);
+const boxOnly = createDeclarationBlock({ pointerEvents: "none" }, true);
+export {
+  getAtomicStyle,
+  getStylesAtomic,
+  styleToCSS
+};
 //# sourceMappingURL=getStylesAtomic.mjs.map

package/dist/esm/helpers/getStylesAtomic.mjs.map

@@ -2,6 +2,6 @@
   "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'\n\nimport { getConfig } from '../config.js'\nimport type { TamaguiInternalConfig, ViewStyleWithPseudos } 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\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\nexport function getAtomicStyle(\n  style: ViewStyleWithPseudos,\n  pseudo?: PseudoDescriptor\n): StyleObject[] {\n  if (!style) return []\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  return generateAtomicStyles(style, pseudo)\n}\n\nlet conf: TamaguiInternalConfig\n\nconst generateAtomicStyles = (\n  styleIn: ViewStyleWithPseudos,\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\n    let hash: string\n    if (presetHashes[value]) {\n      hash = value as string\n    } else {\n      hash = simpleHash(`${value}`)\n    }\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  if (process.env.NODE_ENV === 'development' && process.env.TAMAGUI_DEBUG) {\n    // when Animated.Value gets passed into Tamagui problems are caused this helps debug\n    if (\n      out.find((x) => x.property === 'transform' && x.value.includes(`[object Object]`))\n    ) {\n      // rome-ignore lint/suspicious/noDebugger: only dev\n      debugger\n    }\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": ["simpleHash", "getConfig", "defaultOffset", "normalizeValueWithProperty", "pseudoDescriptors", "pseudosOrdered", "getStylesAtomic", "stylesIn", "getAtomicStyle", "hoverStyle", "pressStyle", "focusStyle", "base", "res", "index", "style", "pseudo", "generateAtomicStyles", "conf", "styleIn", "transform", "type", "value", "styleToCSS", "out", "key", "hash", "presetHashes", "pseudoPrefix", "identifier", "rules", "createAtomicRules", "styleObject", "x", "shadowOffset", "shadowRadius", "shadowColor", "offset", "shadow", "textShadowColor", "textShadowOffset", "textShadowRadius", "height", "width", "radius", "color", "blurRadius", "offsetX", "offsetY", "createDeclarationBlock", "important", "next", "prop", "hyphenateStyleName", "hcache", "toHyphenLower", "match", "val", "pseudoSelectorPrefixes", "property", "selector", "block", "webkitProperty", "finalValue", "boxOnly", "boxNone", "r"]
+  "mappings": "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",
+  "names": []
 }

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

@@ -1,2 +1,12 @@
-const t=()=>{console.warn("no-op native")},o=t,e=t,n=t;export{e as getAtomicStyle,o as getStylesAtomic,n as styleToCSS};
+const empty = () => {
+  console.warn("no-op native");
+};
+const getStylesAtomic = empty;
+const getAtomicStyle = empty;
+const styleToCSS = empty;
+export {
+  getAtomicStyle,
+  getStylesAtomic,
+  styleToCSS
+};
 //# sourceMappingURL=getStylesAtomic.native.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getStylesAtomic.native.ts"],
   "sourcesContent": ["const empty = () => {\n  // eslint-disable-next-line no-console\n  console.warn('no-op native')\n}\n\nexport const getStylesAtomic = empty\nexport const getAtomicStyle = empty\nexport const styleToCSS = empty\n"],
-  "mappings": "AAAA,MAAMA,EAAQ,IAAM,CAElB,QAAQ,KAAK,cAAc,CAC7B,EAEaC,EAAkBD,EAClBE,EAAiBF,EACjBG,EAAaH",
-  "names": ["empty", "getStylesAtomic", "getAtomicStyle", "styleToCSS"]
+  "mappings": "AAAA,MAAM,QAAQ,MAAM;AAElB,UAAQ,KAAK,cAAc;AAC7B;AAEO,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,MAAM,aAAa;",
+  "names": []
 }

package/dist/esm/helpers/getStylesAtomic.native.mjs

@@ -1,2 +1,12 @@
-const t=()=>{console.warn("no-op native")},o=t,e=t,n=t;export{e as getAtomicStyle,o as getStylesAtomic,n as styleToCSS};
+const empty = () => {
+  console.warn("no-op native");
+};
+const getStylesAtomic = empty;
+const getAtomicStyle = empty;
+const styleToCSS = empty;
+export {
+  getAtomicStyle,
+  getStylesAtomic,
+  styleToCSS
+};
 //# sourceMappingURL=getStylesAtomic.native.mjs.map

package/dist/esm/helpers/getStylesAtomic.native.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getStylesAtomic.native.ts"],
   "sourcesContent": ["const empty = () => {\n  // eslint-disable-next-line no-console\n  console.warn('no-op native')\n}\n\nexport const getStylesAtomic = empty\nexport const getAtomicStyle = empty\nexport const styleToCSS = empty\n"],
-  "mappings": "AAAA,MAAMA,EAAQ,IAAM,CAElB,QAAQ,KAAK,cAAc,CAC7B,EAEaC,EAAkBD,EAClBE,EAAiBF,EACjBG,EAAaH",
-  "names": ["empty", "getStylesAtomic", "getAtomicStyle", "styleToCSS"]
+  "mappings": "AAAA,MAAM,QAAQ,MAAM;AAElB,UAAQ,KAAK,cAAc;AAC7B;AAEO,MAAM,kBAAkB;AACxB,MAAM,iBAAiB;AACvB,MAAM,aAAa;",
+  "names": []
 }

package/dist/esm/helpers/getThemeCSSRules.js

@@ -1,5 +1,103 @@
-import{simpleHash as N}from"@tamagui/helpers";import{THEME_CLASSNAME_PREFIX as V}from"../constants/constants.js";import{variableToString as v}from"../createVariable.js";import{tokensValueToVariable as C}from"./registerCSSVariable.js";function X({config:r,themeName:n,theme:l,names:$}){const g=[],y="light"in r.themes&&"dark"in r.themes,c=`.${V}`;let m="";for(const t in l){const e=l[t];let s=null;C.has(e.val)?s=C.get(e.val).variable:s=e.val,m+=`--${N(t,40)}:${s};`}const R=n==="dark"||n==="light",p=new Set($.map(t=>`${c}${t}`));if(y)for(const t of $){const e=n==="dark"||t.startsWith("dark_"),s=r.maxDarkLightNesting??3;if(!(e||t.startsWith("light_"))){p.add(`:root:root ${c}${t}`);continue}const u=`${c}${t.replace(e?"dark_":"light_","")}`,[S,_]=[e?["dark","light"]:["light","dark"],e?["dark","sub_theme"]:["light","sub_theme"]];for(const h of[S,_]){R&&h.reverse();const[f,o]=h,W=Math.round(s*1.5);for(let a=0;a<W;a++){const T=a%2===1;if(T&&a<3)continue;const k=new Array(a+1).fill(0).map((E,d)=>`${c}${d%2===0?f:o}`);let i=k.length>1?k.slice(1):k;if(T){const[E,d,...M]=i;i=[d,...M,d]}const j=i[i.length-1],A=u===j?"":u;p.add(`${i.join(" ")} ${A}`.trim())}}}const b=[...p],L=`${b.map(t=>`:root${w(t)&&r.themeClassNameOnRoot?"":" "}${t}`).join(", ")} {${m}}`;if(g.push(L),r.shouldAddPrefersColorThemes){const t=v(l.background),e=v(l.color),s=`body{background:${t};color:${e};}`,S=n.startsWith("dark")?"dark":"light",h=`${b.map(o=>o==D||o===P?":root":o.replace(/^\.t_(dark|light) /,"").trim()).filter(Boolean).join(", ")} {${m}}`,f=`@media(prefers-color-scheme:${S}){
-  ${s}
-  ${h}
-}`;g.push(f)}return g}const D=".t_dark",P=".t_light",w=r=>r===D||r===P||r.startsWith(".t_dark ")||r.startsWith(".t_light ");export{X as getThemeCSSRules};
+import { simpleHash } from "@tamagui/helpers";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants.js";
+import { variableToString } from "../createVariable.js";
+import { tokensValueToVariable } from "./registerCSSVariable.js";
+function getThemeCSSRules({
+  config,
+  themeName,
+  theme,
+  names
+}) {
+  const cssRuleSets = [];
+  const hasDarkLight = "light" in config.themes && "dark" in config.themes;
+  const CNP = `.${THEME_CLASSNAME_PREFIX}`;
+  let vars = "";
+  for (const themeKey in theme) {
+    const variable = theme[themeKey];
+    let value = null;
+    if (!tokensValueToVariable.has(variable.val)) {
+      value = variable.val;
+    } else {
+      value = tokensValueToVariable.get(variable.val).variable;
+    }
+    vars += `--${simpleHash(themeKey, 40)}:${value};`;
+  }
+  const isDarkOrLightBase = themeName === "dark" || themeName === "light";
+  const selectorsSet = new Set(
+    names.map((name) => {
+      return `${CNP}${name}`;
+    })
+  );
+  if (hasDarkLight) {
+    for (const subName of names) {
+      const isDark = themeName === "dark" || subName.startsWith("dark_");
+      const maxDepth = config.maxDarkLightNesting ?? 3;
+      if (!(isDark || subName.startsWith("light_"))) {
+        selectorsSet.add(`:root:root ${CNP}${subName}`);
+        continue;
+      }
+      const childSelector = `${CNP}${subName.replace(isDark ? "dark_" : "light_", "")}`;
+      const [altLightDark, altSubTheme] = [
+        isDark ? ["dark", "light"] : ["light", "dark"],
+        isDark ? ["dark", "sub_theme"] : ["light", "sub_theme"]
+      ];
+      for (const order of [altLightDark, altSubTheme]) {
+        if (isDarkOrLightBase) {
+          order.reverse();
+        }
+        const [stronger, weaker] = order;
+        const numSelectors = Math.round(maxDepth * 1.5);
+        for (let depth = 0; depth < numSelectors; depth++) {
+          const isOdd = depth % 2 === 1;
+          if (isOdd && depth < 3) {
+            continue;
+          }
+          const parents = new Array(depth + 1).fill(0).map((_, psi) => {
+            return `${CNP}${psi % 2 === 0 ? stronger : weaker}`;
+          });
+          let parentSelectors = parents.length > 1 ? parents.slice(1) : parents;
+          if (isOdd) {
+            const [_first, second, ...rest] = parentSelectors;
+            parentSelectors = [second, ...rest, second];
+          }
+          const lastParentSelector = parentSelectors[parentSelectors.length - 1];
+          const nextChildSelector = childSelector === lastParentSelector ? "" : childSelector;
+          selectorsSet.add(`${parentSelectors.join(" ")} ${nextChildSelector}`.trim());
+        }
+      }
+    }
+  }
+  const selectors = [...selectorsSet];
+  const selectorsString = selectors.map((x) => {
+    const rootSep = isBaseTheme(x) && config.themeClassNameOnRoot ? "" : " ";
+    return `:root${rootSep}${x}`;
+  }).join(", ");
+  const css = `${selectorsString} {${vars}}`;
+  cssRuleSets.push(css);
+  if (config.shouldAddPrefersColorThemes) {
+    const bgString = variableToString(theme.background);
+    const fgString = variableToString(theme.color);
+    const bodyRules = `body{background:${bgString};color:${fgString};}`;
+    const isDark = themeName.startsWith("dark");
+    const baseName = isDark ? "dark" : "light";
+    const lessSpecificSelectors = selectors.map((x) => {
+      if (x == darkSelector || x === lightSelector)
+        return `:root`;
+      return x.replace(/^\.t_(dark|light) /, "").trim();
+    }).filter(Boolean).join(", ");
+    const themeRules = `${lessSpecificSelectors} {${vars}}`;
+    const prefersMediaSelectors = `@media(prefers-color-scheme:${baseName}){
+  ${bodyRules}
+  ${themeRules}
+}`;
+    cssRuleSets.push(prefersMediaSelectors);
+  }
+  return cssRuleSets;
+}
+const darkSelector = ".t_dark";
+const lightSelector = ".t_light";
+const isBaseTheme = (x) => x === darkSelector || x === lightSelector || x.startsWith(".t_dark ") || x.startsWith(".t_light ");
+export {
+  getThemeCSSRules
+};
 //# sourceMappingURL=getThemeCSSRules.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getThemeCSSRules.ts"],
   "sourcesContent": ["import { simpleHash } from '@tamagui/helpers'\n\nimport { THEME_CLASSNAME_PREFIX } from '../constants/constants.js'\nimport { Variable, variableToString } from '../createVariable.js'\nimport type { CreateTamaguiProps, ThemeParsed } from '../types.js'\nimport { tokensValueToVariable } from './registerCSSVariable.js'\n\nexport function getThemeCSSRules({\n  config,\n  themeName,\n  theme,\n  names,\n}: {\n  config: CreateTamaguiProps\n  themeName: string\n  theme: ThemeParsed\n  names: string[]\n}) {\n  const cssRuleSets: string[] = []\n\n  // special case for SSR\n  const hasDarkLight = 'light' in config.themes && 'dark' in config.themes\n  const CNP = `.${THEME_CLASSNAME_PREFIX}`\n  let vars = ''\n\n  // themeToVariableToValueMap.set(theme, {})\n  // const varToValMap = themeToVariableToValueMap.get(theme)\n  for (const themeKey in theme) {\n    const variable = theme[themeKey] as Variable\n    let value: any = null\n    // if (varToValMap) {\n    //   varToValMap[variable.variable] = variable.val\n    // }\n    if (!tokensValueToVariable.has(variable.val)) {\n      value = variable.val\n    } else {\n      value = tokensValueToVariable.get(variable.val)!.variable\n    }\n    // Hash themeKey in case it has invalid chars too\n    vars += `--${simpleHash(themeKey, 40)}:${value};`\n  }\n\n  const isDarkOrLightBase = themeName === 'dark' || themeName === 'light'\n  const selectorsSet = new Set(\n    names.map((name) => {\n      return `${CNP}${name}`\n    })\n  )\n\n  // since we dont specify dark/light in classnames we have to do an awkward specificity war\n  // use config.maxDarkLightNesting to determine how deep you can nest until it breaks\n  if (hasDarkLight) {\n    for (const subName of names) {\n      const isDark = themeName === 'dark' || subName.startsWith('dark_')\n      const maxDepth = config.maxDarkLightNesting ?? 3\n\n      if (!(isDark || subName.startsWith('light_'))) {\n        // neither light nor dark subtheme, just generate one selector with :root:root which\n        // will override all :root light/dark selectors generated below\n        selectorsSet.add(`:root:root ${CNP}${subName}`)\n        continue\n      }\n\n      const childSelector = `${CNP}${subName.replace(isDark ? 'dark_' : 'light_', '')}`\n\n      const [altLightDark, altSubTheme] = [\n        isDark ? ['dark', 'light'] : ['light', 'dark'],\n        isDark ? ['dark', 'sub_theme'] : ['light', 'sub_theme'],\n      ]\n\n      for (const order of [altLightDark, altSubTheme]) {\n        if (isDarkOrLightBase) {\n          order.reverse()\n        }\n        const [stronger, weaker] = order\n        const numSelectors = Math.round(maxDepth * 1.5)\n\n        for (let depth = 0; depth < numSelectors; depth++) {\n          const isOdd = depth % 2 === 1\n\n          // wtf is this continue:\n          if (isOdd && depth < 3) {\n            continue\n          }\n\n          const parents = new Array(depth + 1).fill(0).map((_, psi) => {\n            return `${CNP}${psi % 2 === 0 ? stronger : weaker}`\n          })\n\n          let parentSelectors = parents.length > 1 ? parents.slice(1) : parents\n\n          if (isOdd) {\n            const [_first, second, ...rest] = parentSelectors\n            parentSelectors = [second, ...rest, second]\n          }\n\n          const lastParentSelector = parentSelectors[parentSelectors.length - 1]\n          const nextChildSelector =\n            childSelector === lastParentSelector ? '' : childSelector\n\n          // for light/dark/light:\n          selectorsSet.add(`${parentSelectors.join(' ')} ${nextChildSelector}`.trim())\n        }\n      }\n    }\n  }\n\n  const selectors = [...selectorsSet]\n\n  // only do our :root attach if it's not light/dark - not support sub themes on root saves a lot of effort/size\n  // this isBaseTheme logic could probably be done more efficiently above\n  const selectorsString = selectors\n    .map((x) => {\n      const rootSep = isBaseTheme(x) && config.themeClassNameOnRoot ? '' : ' '\n      return `:root${rootSep}${x}`\n    })\n    .join(', ')\n\n  const css = `${selectorsString} {${vars}}`\n  cssRuleSets.push(css)\n\n  if (config.shouldAddPrefersColorThemes) {\n    const bgString = variableToString(theme.background)\n    const fgString = variableToString(theme.color)\n    const bodyRules = `body{background:${bgString};color:${fgString};}`\n    const isDark = themeName.startsWith('dark')\n    const baseName = isDark ? 'dark' : 'light'\n    const lessSpecificSelectors = selectors\n      .map((x) => {\n        if (x == darkSelector || x === lightSelector) return `:root`\n        return x.replace(/^\\.t_(dark|light) /, '').trim()\n      })\n      .filter(Boolean)\n      .join(', ')\n    const themeRules = `${lessSpecificSelectors} {${vars}}`\n    const prefersMediaSelectors = `@media(prefers-color-scheme:${baseName}){\n  ${bodyRules}\n  ${themeRules}\n}`\n    cssRuleSets.push(prefersMediaSelectors)\n  }\n\n  return cssRuleSets\n}\n\nconst darkSelector = '.t_dark'\nconst lightSelector = '.t_light'\nconst isBaseTheme = (x: string) =>\n  x === darkSelector ||\n  x === lightSelector ||\n  x.startsWith('.t_dark ') ||\n  x.startsWith('.t_light ')\n"],
-  "mappings": "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",
-  "names": ["simpleHash", "THEME_CLASSNAME_PREFIX", "variableToString", "tokensValueToVariable", "getThemeCSSRules", "config", "themeName", "theme", "names", "cssRuleSets", "hasDarkLight", "CNP", "vars", "themeKey", "variable", "value", "isDarkOrLightBase", "selectorsSet", "name", "subName", "isDark", "maxDepth", "childSelector", "altLightDark", "altSubTheme", "order", "stronger", "weaker", "numSelectors", "depth", "isOdd", "parents", "_", "psi", "parentSelectors", "_first", "second", "rest", "lastParentSelector", "nextChildSelector", "selectors", "css", "x", "isBaseTheme", "bgString", "fgString", "bodyRules", "baseName", "themeRules", "darkSelector", "lightSelector", "prefersMediaSelectors"]
+  "mappings": "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",
+  "names": []
 }

package/dist/esm/helpers/getThemeCSSRules.mjs

@@ -1,5 +1,103 @@
-import{simpleHash as N}from"@tamagui/helpers";import{THEME_CLASSNAME_PREFIX as V}from"../constants/constants.js";import{variableToString as v}from"../createVariable.js";import{tokensValueToVariable as C}from"./registerCSSVariable.js";function X({config:r,themeName:n,theme:l,names:$}){const g=[],y="light"in r.themes&&"dark"in r.themes,c=`.${V}`;let m="";for(const t in l){const e=l[t];let s=null;C.has(e.val)?s=C.get(e.val).variable:s=e.val,m+=`--${N(t,40)}:${s};`}const R=n==="dark"||n==="light",p=new Set($.map(t=>`${c}${t}`));if(y)for(const t of $){const e=n==="dark"||t.startsWith("dark_"),s=r.maxDarkLightNesting??3;if(!(e||t.startsWith("light_"))){p.add(`:root:root ${c}${t}`);continue}const u=`${c}${t.replace(e?"dark_":"light_","")}`,[S,_]=[e?["dark","light"]:["light","dark"],e?["dark","sub_theme"]:["light","sub_theme"]];for(const h of[S,_]){R&&h.reverse();const[f,o]=h,W=Math.round(s*1.5);for(let a=0;a<W;a++){const T=a%2===1;if(T&&a<3)continue;const k=new Array(a+1).fill(0).map((E,d)=>`${c}${d%2===0?f:o}`);let i=k.length>1?k.slice(1):k;if(T){const[E,d,...M]=i;i=[d,...M,d]}const j=i[i.length-1],A=u===j?"":u;p.add(`${i.join(" ")} ${A}`.trim())}}}const b=[...p],L=`${b.map(t=>`:root${w(t)&&r.themeClassNameOnRoot?"":" "}${t}`).join(", ")} {${m}}`;if(g.push(L),r.shouldAddPrefersColorThemes){const t=v(l.background),e=v(l.color),s=`body{background:${t};color:${e};}`,S=n.startsWith("dark")?"dark":"light",h=`${b.map(o=>o==D||o===P?":root":o.replace(/^\.t_(dark|light) /,"").trim()).filter(Boolean).join(", ")} {${m}}`,f=`@media(prefers-color-scheme:${S}){
-  ${s}
-  ${h}
-}`;g.push(f)}return g}const D=".t_dark",P=".t_light",w=r=>r===D||r===P||r.startsWith(".t_dark ")||r.startsWith(".t_light ");export{X as getThemeCSSRules};
+import { simpleHash } from "@tamagui/helpers";
+import { THEME_CLASSNAME_PREFIX } from "../constants/constants.js";
+import { variableToString } from "../createVariable.js";
+import { tokensValueToVariable } from "./registerCSSVariable.js";
+function getThemeCSSRules({
+  config,
+  themeName,
+  theme,
+  names
+}) {
+  const cssRuleSets = [];
+  const hasDarkLight = "light" in config.themes && "dark" in config.themes;
+  const CNP = `.${THEME_CLASSNAME_PREFIX}`;
+  let vars = "";
+  for (const themeKey in theme) {
+    const variable = theme[themeKey];
+    let value = null;
+    if (!tokensValueToVariable.has(variable.val)) {
+      value = variable.val;
+    } else {
+      value = tokensValueToVariable.get(variable.val).variable;
+    }
+    vars += `--${simpleHash(themeKey, 40)}:${value};`;
+  }
+  const isDarkOrLightBase = themeName === "dark" || themeName === "light";
+  const selectorsSet = new Set(
+    names.map((name) => {
+      return `${CNP}${name}`;
+    })
+  );
+  if (hasDarkLight) {
+    for (const subName of names) {
+      const isDark = themeName === "dark" || subName.startsWith("dark_");
+      const maxDepth = config.maxDarkLightNesting ?? 3;
+      if (!(isDark || subName.startsWith("light_"))) {
+        selectorsSet.add(`:root:root ${CNP}${subName}`);
+        continue;
+      }
+      const childSelector = `${CNP}${subName.replace(isDark ? "dark_" : "light_", "")}`;
+      const [altLightDark, altSubTheme] = [
+        isDark ? ["dark", "light"] : ["light", "dark"],
+        isDark ? ["dark", "sub_theme"] : ["light", "sub_theme"]
+      ];
+      for (const order of [altLightDark, altSubTheme]) {
+        if (isDarkOrLightBase) {
+          order.reverse();
+        }
+        const [stronger, weaker] = order;
+        const numSelectors = Math.round(maxDepth * 1.5);
+        for (let depth = 0; depth < numSelectors; depth++) {
+          const isOdd = depth % 2 === 1;
+          if (isOdd && depth < 3) {
+            continue;
+          }
+          const parents = new Array(depth + 1).fill(0).map((_, psi) => {
+            return `${CNP}${psi % 2 === 0 ? stronger : weaker}`;
+          });
+          let parentSelectors = parents.length > 1 ? parents.slice(1) : parents;
+          if (isOdd) {
+            const [_first, second, ...rest] = parentSelectors;
+            parentSelectors = [second, ...rest, second];
+          }
+          const lastParentSelector = parentSelectors[parentSelectors.length - 1];
+          const nextChildSelector = childSelector === lastParentSelector ? "" : childSelector;
+          selectorsSet.add(`${parentSelectors.join(" ")} ${nextChildSelector}`.trim());
+        }
+      }
+    }
+  }
+  const selectors = [...selectorsSet];
+  const selectorsString = selectors.map((x) => {
+    const rootSep = isBaseTheme(x) && config.themeClassNameOnRoot ? "" : " ";
+    return `:root${rootSep}${x}`;
+  }).join(", ");
+  const css = `${selectorsString} {${vars}}`;
+  cssRuleSets.push(css);
+  if (config.shouldAddPrefersColorThemes) {
+    const bgString = variableToString(theme.background);
+    const fgString = variableToString(theme.color);
+    const bodyRules = `body{background:${bgString};color:${fgString};}`;
+    const isDark = themeName.startsWith("dark");
+    const baseName = isDark ? "dark" : "light";
+    const lessSpecificSelectors = selectors.map((x) => {
+      if (x == darkSelector || x === lightSelector)
+        return `:root`;
+      return x.replace(/^\.t_(dark|light) /, "").trim();
+    }).filter(Boolean).join(", ");
+    const themeRules = `${lessSpecificSelectors} {${vars}}`;
+    const prefersMediaSelectors = `@media(prefers-color-scheme:${baseName}){
+  ${bodyRules}
+  ${themeRules}
+}`;
+    cssRuleSets.push(prefersMediaSelectors);
+  }
+  return cssRuleSets;
+}
+const darkSelector = ".t_dark";
+const lightSelector = ".t_light";
+const isBaseTheme = (x) => x === darkSelector || x === lightSelector || x.startsWith(".t_dark ") || x.startsWith(".t_light ");
+export {
+  getThemeCSSRules
+};
 //# sourceMappingURL=getThemeCSSRules.mjs.map