@tamagui/core 1.12.1 → 1.13.0

package/dist/esm/helpers/normalizeColor.mjs

@@ -0,0 +1,36 @@
+import { isWeb } from "@tamagui/constants";
+import normalizeCSSColor, { rgba } from "@tamagui/normalize-css-color";
+import { rgba as rgba2 } from "@tamagui/normalize-css-color";
+const normalizeColor = (color, opacity) => {
+  if (color === null || color === void 0) {
+    return;
+  }
+  if (color === "transparent") {
+    return `rgba(0,0,0,0)`;
+  }
+  if (color[0] === "$" || isWeb && (webColors[color] || color[0] === "_" || color.startsWith("var("))) {
+    return color;
+  }
+  const colorProcessed = normalizeCSSColor(color);
+  if (colorProcessed !== null) {
+    const { r, g, b, a } = rgba(colorProcessed);
+    return `rgba(${r},${g},${b},${(opacity ?? a).toFixed(2)})`;
+  }
+  if (isWeb) {
+    return color;
+  } else {
+    if (process.env.NODE_ENV === "development") {
+      console.warn(`Unknown color value: ${color}`);
+    }
+  }
+};
+const webColors = {
+  currentColor: true,
+  currentcolor: true,
+  inherit: true
+};
+export {
+  normalizeColor,
+  rgba2 as rgba
+};
+//# sourceMappingURL=normalizeColor.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/normalizeColor.ts"],
+  "sourcesContent": ["import { isWeb } from '@tamagui/constants'\nimport normalizeCSSColor, { rgba } from '@tamagui/normalize-css-color'\n\nexport { rgba } from '@tamagui/normalize-css-color'\n\nexport const normalizeColor = (color?: string | null, opacity?: number) => {\n  if (color === null || color === undefined) {\n    return\n  }\n  if (color === 'transparent') {\n    return `rgba(0,0,0,0)`\n  }\n  if (\n    color[0] === '$' ||\n    (isWeb && (webColors[color] || color[0] === '_' || color.startsWith('var(')))\n  ) {\n    return color\n  }\n  const colorProcessed = normalizeCSSColor(color)\n  if (colorProcessed !== null) {\n    const { r, g, b, a } = rgba(colorProcessed)\n    return `rgba(${r},${g},${b},${(opacity ?? a).toFixed(2)})`\n  }\n\n  if (isWeb) {\n    return color\n  } else {\n    if (process.env.NODE_ENV === 'development') {\n      console.warn(`Unknown color value: ${color}`)\n    }\n  }\n}\n\nconst webColors = {\n  currentColor: true,\n  currentcolor: true,\n  inherit: true,\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,OAAO,qBAAqB,YAAY;AAExC,SAAS,QAAAA,aAAY;AAEd,MAAM,iBAAiB,CAAC,OAAuB,YAAqB;AACzE,MAAI,UAAU,QAAQ,UAAU,QAAW;AACzC;AAAA,EACF;AACA,MAAI,UAAU,eAAe;AAC3B,WAAO;AAAA,EACT;AACA,MACE,MAAM,CAAC,MAAM,OACZ,UAAU,UAAU,KAAK,KAAK,MAAM,CAAC,MAAM,OAAO,MAAM,WAAW,MAAM,IAC1E;AACA,WAAO;AAAA,EACT;AACA,QAAM,iBAAiB,kBAAkB,KAAK;AAC9C,MAAI,mBAAmB,MAAM;AAC3B,UAAM,EAAE,GAAG,GAAG,GAAG,EAAE,IAAI,KAAK,cAAc;AAC1C,WAAO,QAAQ,KAAK,KAAK,MAAM,WAAW,GAAG,QAAQ,CAAC;AAAA,EACxD;AAEA,MAAI,OAAO;AACT,WAAO;AAAA,EACT,OAAO;AACL,QAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,cAAQ,KAAK,wBAAwB,OAAO;AAAA,IAC9C;AAAA,EACF;AACF;AAEA,MAAM,YAAY;AAAA,EAChB,cAAc;AAAA,EACd,cAAc;AAAA,EACd,SAAS;AACX;",
+  "names": ["rgba"]
+}

package/dist/esm/helpers/normalizeValueWithProperty.js

@@ -0,0 +1,113 @@
+import { isWeb } from "@tamagui/constants";
+import { getAllSelectors } from "./insertStyleRule";
+import { normalizeColor } from "./normalizeColor";
+const cache = {};
+function normalizeValueWithProperty(value, property) {
+  const cached = cache[value];
+  if (cached !== void 0) {
+    return cached;
+  }
+  if (property && property in unitlessNumbers) {
+    return value;
+  }
+  let res = value;
+  if (process.env.TAMAGUI_TARGET === "web" && typeof value === "number" && (property === void 0 || !(unitlessNumbers[property] || stringNumbers[property]))) {
+    res = `${value}px`;
+  } else if (isWeb && property !== void 0 && stringNumbers[property]) {
+    res = `${res}`;
+  } else if (property && property in colorProps) {
+    res = normalizeColor(value);
+    cache[value] = res;
+  }
+  return res;
+}
+const colorProps = {
+  backgroundColor: true,
+  borderColor: true,
+  borderTopColor: true,
+  borderRightColor: true,
+  borderBottomColor: true,
+  borderLeftColor: true,
+  color: true,
+  shadowColor: true,
+  textDecorationColor: true,
+  textShadowColor: true
+};
+const stringNumbers = {
+  zIndex: true
+};
+const unitlessNumbers = {
+  WebkitLineClamp: true,
+  animationIterationCount: true,
+  aspectRatio: true,
+  borderImageOutset: true,
+  borderImageSlice: true,
+  borderImageWidth: true,
+  columnCount: true,
+  flex: true,
+  flexGrow: true,
+  flexOrder: true,
+  flexPositive: true,
+  flexShrink: true,
+  flexNegative: true,
+  fontWeight: true,
+  gridRow: true,
+  gridRowEnd: true,
+  gridRowGap: true,
+  gridRowStart: true,
+  gridColumn: true,
+  gridColumnEnd: true,
+  gridColumnGap: true,
+  gridColumnStart: true,
+  lineClamp: true,
+  opacity: true,
+  order: true,
+  orphans: true,
+  tabSize: true,
+  widows: true,
+  zoom: true,
+  scale: true,
+  scaleX: true,
+  scaleY: true,
+  scaleZ: true,
+  shadowOpacity: true
+};
+const rcache = {};
+function reverseMapClassNameToValue(key, className) {
+  const selectors = getAllSelectors();
+  const cssRule = selectors[className];
+  if (rcache[cssRule])
+    return rcache[cssRule];
+  if (!cssRule) {
+    return;
+  }
+  const cssVal = cssRule.replace(/.*:/, "").replace(/;.*/, "").trim();
+  let res;
+  if (cssVal.startsWith("var(")) {
+    res = cssVal;
+  } else if (unitlessNumbers[key]) {
+    res = +cssVal;
+  } else if (cssVal.endsWith("px")) {
+    res = +cssVal.replace("px", "");
+  } else {
+    res = cssVal;
+  }
+  rcache[cssRule] = res;
+  if (process.env.NODE_ENV === "development") {
+    if (typeof res === "number" && isNaN(res)) {
+      console.log("Tamagui invalid parsed value, NaN:", {
+        res,
+        cssVal,
+        cssRule,
+        key,
+        className
+      });
+    }
+  }
+  return res;
+}
+export {
+  normalizeValueWithProperty,
+  reverseMapClassNameToValue
+};
+//# sourceMappingURL=normalizeValueWithProperty.js.map

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

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

package/dist/esm/helpers/normalizeValueWithProperty.mjs

@@ -0,0 +1,113 @@
+import { isWeb } from "@tamagui/constants";
+import { getAllSelectors } from "./insertStyleRule";
+import { normalizeColor } from "./normalizeColor";
+const cache = {};
+function normalizeValueWithProperty(value, property) {
+  const cached = cache[value];
+  if (cached !== void 0) {
+    return cached;
+  }
+  if (property && property in unitlessNumbers) {
+    return value;
+  }
+  let res = value;
+  if (process.env.TAMAGUI_TARGET === "web" && typeof value === "number" && (property === void 0 || !(unitlessNumbers[property] || stringNumbers[property]))) {
+    res = `${value}px`;
+  } else if (isWeb && property !== void 0 && stringNumbers[property]) {
+    res = `${res}`;
+  } else if (property && property in colorProps) {
+    res = normalizeColor(value);
+    cache[value] = res;
+  }
+  return res;
+}
+const colorProps = {
+  backgroundColor: true,
+  borderColor: true,
+  borderTopColor: true,
+  borderRightColor: true,
+  borderBottomColor: true,
+  borderLeftColor: true,
+  color: true,
+  shadowColor: true,
+  textDecorationColor: true,
+  textShadowColor: true
+};
+const stringNumbers = {
+  zIndex: true
+};
+const unitlessNumbers = {
+  WebkitLineClamp: true,
+  animationIterationCount: true,
+  aspectRatio: true,
+  borderImageOutset: true,
+  borderImageSlice: true,
+  borderImageWidth: true,
+  columnCount: true,
+  flex: true,
+  flexGrow: true,
+  flexOrder: true,
+  flexPositive: true,
+  flexShrink: true,
+  flexNegative: true,
+  fontWeight: true,
+  gridRow: true,
+  gridRowEnd: true,
+  gridRowGap: true,
+  gridRowStart: true,
+  gridColumn: true,
+  gridColumnEnd: true,
+  gridColumnGap: true,
+  gridColumnStart: true,
+  lineClamp: true,
+  opacity: true,
+  order: true,
+  orphans: true,
+  tabSize: true,
+  widows: true,
+  zoom: true,
+  scale: true,
+  scaleX: true,
+  scaleY: true,
+  scaleZ: true,
+  shadowOpacity: true
+};
+const rcache = {};
+function reverseMapClassNameToValue(key, className) {
+  const selectors = getAllSelectors();
+  const cssRule = selectors[className];
+  if (rcache[cssRule])
+    return rcache[cssRule];
+  if (!cssRule) {
+    return;
+  }
+  const cssVal = cssRule.replace(/.*:/, "").replace(/;.*/, "").trim();
+  let res;
+  if (cssVal.startsWith("var(")) {
+    res = cssVal;
+  } else if (unitlessNumbers[key]) {
+    res = +cssVal;
+  } else if (cssVal.endsWith("px")) {
+    res = +cssVal.replace("px", "");
+  } else {
+    res = cssVal;
+  }
+  rcache[cssRule] = res;
+  if (process.env.NODE_ENV === "development") {
+    if (typeof res === "number" && isNaN(res)) {
+      console.log("Tamagui invalid parsed value, NaN:", {
+        res,
+        cssVal,
+        cssRule,
+        key,
+        className
+      });
+    }
+  }
+  return res;
+}
+export {
+  normalizeValueWithProperty,
+  reverseMapClassNameToValue
+};
+//# sourceMappingURL=normalizeValueWithProperty.mjs.map

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

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

package/dist/esm/helpers/proxyThemeVariables.js

@@ -0,0 +1,16 @@
+import { createProxy } from "./createProxy";
+function proxyThemeVariables(obj) {
+  return createProxy(obj || {}, {
+    has(target, key) {
+      return Reflect.has(target, removeStarting$(key));
+    },
+    get(target, key) {
+      return Reflect.get(target, removeStarting$(key));
+    }
+  });
+}
+const removeStarting$ = (str) => typeof str === "string" && str[0] === "$" ? str.slice(1) : str;
+export {
+  proxyThemeVariables
+};
+//# sourceMappingURL=proxyThemeVariables.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/proxyThemeVariables.tsx"],
+  "sourcesContent": ["import { createProxy } from './createProxy'\n\nexport function proxyThemeVariables<A extends Object>(obj: A): A {\n  return createProxy<A>(obj || {}, {\n    has(target, key) {\n      return Reflect.has(target, removeStarting$(key))\n    },\n    get(target, key) {\n      return Reflect.get(target, removeStarting$(key))\n    },\n  })\n}\n\nconst removeStarting$ = (str: string | symbol) =>\n  typeof str === 'string' && str[0] === '$' ? str.slice(1) : str\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAErB,SAAS,oBAAsC,KAAW;AAC/D,SAAO,YAAe,OAAO,CAAC,GAAG;AAAA,IAC/B,IAAI,QAAQ,KAAK;AACf,aAAO,QAAQ,IAAI,QAAQ,gBAAgB,GAAG,CAAC;AAAA,IACjD;AAAA,IACA,IAAI,QAAQ,KAAK;AACf,aAAO,QAAQ,IAAI,QAAQ,gBAAgB,GAAG,CAAC;AAAA,IACjD;AAAA,EACF,CAAC;AACH;AAEA,MAAM,kBAAkB,CAAC,QACvB,OAAO,QAAQ,YAAY,IAAI,CAAC,MAAM,MAAM,IAAI,MAAM,CAAC,IAAI;",
+  "names": []
+}

package/dist/esm/helpers/proxyThemeVariables.mjs

@@ -0,0 +1,16 @@
+import { createProxy } from "./createProxy";
+function proxyThemeVariables(obj) {
+  return createProxy(obj || {}, {
+    has(target, key) {
+      return Reflect.has(target, removeStarting$(key));
+    },
+    get(target, key) {
+      return Reflect.get(target, removeStarting$(key));
+    }
+  });
+}
+const removeStarting$ = (str) => typeof str === "string" && str[0] === "$" ? str.slice(1) : str;
+export {
+  proxyThemeVariables
+};
+//# sourceMappingURL=proxyThemeVariables.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/proxyThemeVariables.tsx"],
+  "sourcesContent": ["import { createProxy } from './createProxy'\n\nexport function proxyThemeVariables<A extends Object>(obj: A): A {\n  return createProxy<A>(obj || {}, {\n    has(target, key) {\n      return Reflect.has(target, removeStarting$(key))\n    },\n    get(target, key) {\n      return Reflect.get(target, removeStarting$(key))\n    },\n  })\n}\n\nconst removeStarting$ = (str: string | symbol) =>\n  typeof str === 'string' && str[0] === '$' ? str.slice(1) : str\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAErB,SAAS,oBAAsC,KAAW;AAC/D,SAAO,YAAe,OAAO,CAAC,GAAG;AAAA,IAC/B,IAAI,QAAQ,KAAK;AACf,aAAO,QAAQ,IAAI,QAAQ,gBAAgB,GAAG,CAAC;AAAA,IACjD;AAAA,IACA,IAAI,QAAQ,KAAK;AACf,aAAO,QAAQ,IAAI,QAAQ,gBAAgB,GAAG,CAAC;AAAA,IACjD;AAAA,EACF,CAAC;AACH;AAEA,MAAM,kBAAkB,CAAC,QACvB,OAAO,QAAQ,YAAY,IAAI,CAAC,MAAM,MAAM,IAAI,MAAM,CAAC,IAAI;",
+  "names": []
+}

package/dist/esm/helpers/pseudoDescriptors.js

@@ -0,0 +1,29 @@
+const pseudoDescriptors = {
+  hoverStyle: {
+    name: "hover",
+    priority: 1
+  },
+  pressStyle: {
+    name: "active",
+    stateKey: "press",
+    priority: 2
+  },
+  focusStyle: {
+    name: "focus",
+    priority: 3
+  },
+  enterStyle: {
+    name: "enter",
+    stateKey: "unmounted",
+    priority: 4
+  },
+  exitStyle: {
+    name: "exit",
+    stateKey: "isExiting",
+    priority: 5
+  }
+};
+export {
+  pseudoDescriptors
+};
+//# sourceMappingURL=pseudoDescriptors.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/pseudoDescriptors.ts"],
+  "sourcesContent": ["// *0 order matches to *1\n\nexport const pseudoDescriptors: Record<\n  'hoverStyle' | 'pressStyle' | 'focusStyle' | 'enterStyle' | 'exitStyle',\n  PseudoDescriptor\n> = {\n  hoverStyle: {\n    name: 'hover',\n    priority: 1,\n  },\n  pressStyle: {\n    name: 'active',\n    stateKey: 'press',\n    priority: 2,\n  },\n  focusStyle: {\n    name: 'focus',\n    priority: 3,\n  },\n  enterStyle: {\n    name: 'enter',\n    stateKey: 'unmounted',\n    priority: 4,\n  },\n  exitStyle: {\n    name: 'exit',\n    stateKey: 'isExiting',\n    priority: 5,\n  },\n}\n\nexport type PseudoDescriptor = {\n  name: string\n  priority: number\n  stateKey?: string\n}\n\nexport type PseudoDescriptors = {\n  [Key in keyof typeof pseudoDescriptors]: PseudoDescriptor\n}\n"],
+  "mappings": "AAEO,MAAM,oBAGT;AAAA,EACF,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AACF;",
+  "names": []
+}

package/dist/esm/helpers/pseudoDescriptors.mjs

@@ -0,0 +1,29 @@
+const pseudoDescriptors = {
+  hoverStyle: {
+    name: "hover",
+    priority: 1
+  },
+  pressStyle: {
+    name: "active",
+    stateKey: "press",
+    priority: 2
+  },
+  focusStyle: {
+    name: "focus",
+    priority: 3
+  },
+  enterStyle: {
+    name: "enter",
+    stateKey: "unmounted",
+    priority: 4
+  },
+  exitStyle: {
+    name: "exit",
+    stateKey: "isExiting",
+    priority: 5
+  }
+};
+export {
+  pseudoDescriptors
+};
+//# sourceMappingURL=pseudoDescriptors.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/pseudoDescriptors.ts"],
+  "sourcesContent": ["// *0 order matches to *1\n\nexport const pseudoDescriptors: Record<\n  'hoverStyle' | 'pressStyle' | 'focusStyle' | 'enterStyle' | 'exitStyle',\n  PseudoDescriptor\n> = {\n  hoverStyle: {\n    name: 'hover',\n    priority: 1,\n  },\n  pressStyle: {\n    name: 'active',\n    stateKey: 'press',\n    priority: 2,\n  },\n  focusStyle: {\n    name: 'focus',\n    priority: 3,\n  },\n  enterStyle: {\n    name: 'enter',\n    stateKey: 'unmounted',\n    priority: 4,\n  },\n  exitStyle: {\n    name: 'exit',\n    stateKey: 'isExiting',\n    priority: 5,\n  },\n}\n\nexport type PseudoDescriptor = {\n  name: string\n  priority: number\n  stateKey?: string\n}\n\nexport type PseudoDescriptors = {\n  [Key in keyof typeof pseudoDescriptors]: PseudoDescriptor\n}\n"],
+  "mappings": "AAEO,MAAM,oBAGT;AAAA,EACF,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AAAA,EACA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,UAAU;AAAA,EACZ;AACF;",
+  "names": []
+}

package/dist/esm/helpers/registerCSSVariable.js

@@ -0,0 +1,14 @@
+import { createCSSVariable } from "../createVariable";
+const registerCSSVariable = (v) => {
+  tokensValueToVariable.set(v.val, v);
+};
+const variableToCSS = (v) => {
+  return `--${createCSSVariable(v.name, false)}:${typeof v.val === "number" ? `${v.val}px` : v.val}`;
+};
+const tokensValueToVariable = /* @__PURE__ */ new Map();
+export {
+  registerCSSVariable,
+  tokensValueToVariable,
+  variableToCSS
+};
+//# sourceMappingURL=registerCSSVariable.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/registerCSSVariable.ts"],
+  "sourcesContent": ["import { Variable, createCSSVariable } from '../createVariable'\n\nexport const registerCSSVariable = (v: Variable) => {\n  tokensValueToVariable.set(v.val, v)\n}\n\nexport const variableToCSS = (v: Variable) => {\n  return `--${createCSSVariable(v.name, false)}:${\n    typeof v.val === 'number' ? `${v.val}px` : v.val\n  }`\n}\n\nexport const tokensValueToVariable = new Map<any, any>()\n"],
+  "mappings": "AAAA,SAAmB,yBAAyB;AAErC,MAAM,sBAAsB,CAAC,MAAgB;AAClD,wBAAsB,IAAI,EAAE,KAAK,CAAC;AACpC;AAEO,MAAM,gBAAgB,CAAC,MAAgB;AAC5C,SAAO,KAAK,kBAAkB,EAAE,MAAM,KAAK,KACzC,OAAO,EAAE,QAAQ,WAAW,GAAG,EAAE,UAAU,EAAE;AAEjD;AAEO,MAAM,wBAAwB,oBAAI,IAAc;",
+  "names": []
+}

package/dist/esm/helpers/registerCSSVariable.mjs

@@ -0,0 +1,14 @@
+import { createCSSVariable } from "../createVariable";
+const registerCSSVariable = (v) => {
+  tokensValueToVariable.set(v.val, v);
+};
+const variableToCSS = (v) => {
+  return `--${createCSSVariable(v.name, false)}:${typeof v.val === "number" ? `${v.val}px` : v.val}`;
+};
+const tokensValueToVariable = /* @__PURE__ */ new Map();
+export {
+  registerCSSVariable,
+  tokensValueToVariable,
+  variableToCSS
+};
+//# sourceMappingURL=registerCSSVariable.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/registerCSSVariable.ts"],
+  "sourcesContent": ["import { Variable, createCSSVariable } from '../createVariable'\n\nexport const registerCSSVariable = (v: Variable) => {\n  tokensValueToVariable.set(v.val, v)\n}\n\nexport const variableToCSS = (v: Variable) => {\n  return `--${createCSSVariable(v.name, false)}:${\n    typeof v.val === 'number' ? `${v.val}px` : v.val\n  }`\n}\n\nexport const tokensValueToVariable = new Map<any, any>()\n"],
+  "mappings": "AAAA,SAAmB,yBAAyB;AAErC,MAAM,sBAAsB,CAAC,MAAgB;AAClD,wBAAsB,IAAI,EAAE,KAAK,CAAC;AACpC;AAEO,MAAM,gBAAgB,CAAC,MAAgB;AAC5C,SAAO,KAAK,kBAAkB,EAAE,MAAM,KAAK,KACzC,OAAO,EAAE,QAAQ,WAAW,GAAG,EAAE,UAAU,EAAE;AAEjD;AAEO,MAAM,wBAAwB,oBAAI,IAAc;",
+  "names": []
+}

package/dist/esm/helpers/themeable.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import React, { forwardRef } from "react";
+import { Theme } from "../views/Theme";
+function themeable(component, opts) {
+  const withThemeComponent = forwardRef(function WithTheme(props, ref) {
+    const { themeInverse, theme, componentName, themeReset, ...rest } = props;
+    const element = React.createElement(component, { ...rest, ref });
+    return /* @__PURE__ */ jsx(
+      Theme,
+      {
+        inverse: themeInverse,
+        componentName: componentName || (opts == null ? void 0 : opts.componentName),
+        name: theme || null,
+        "data-themeable": true,
+        debug: props.debug,
+        reset: props.themeReset,
+        children: element
+      }
+    );
+  });
+  const withTheme = withThemeComponent;
+  withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`;
+  return withTheme;
+}
+export {
+  themeable
+};
+//# sourceMappingURL=themeable.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/themeable.tsx"],
+  "sourcesContent": ["import React, { forwardRef, useId } from 'react'\n\nimport { ThemeName } from '../types'\nimport { Theme } from '../views/Theme'\n\nexport interface ThemeableProps {\n  theme?: ThemeName | null\n  themeInverse?: boolean\n  themeReset?: boolean\n  componentName?: string\n  debug?: boolean | 'verbose'\n}\n\nexport function themeable<Component extends (props: any) => any>(\n  component: Component,\n  opts?: { componentName?: string }\n) {\n  const withThemeComponent = forwardRef(function WithTheme(props: ThemeableProps, ref) {\n    const { themeInverse, theme, componentName, themeReset, ...rest } = props\n    const element = React.createElement(component, { ...rest, ref } as any)\n\n    return (\n      <Theme\n        inverse={themeInverse}\n        componentName={componentName || opts?.componentName}\n        name={(theme as any) || null}\n        data-themeable\n        debug={props.debug}\n        reset={props.themeReset}\n      >\n        {element}\n      </Theme>\n    )\n  })\n\n  const withTheme: any = withThemeComponent\n  withTheme.displayName = `Themed(${\n    (component as any)?.displayName || (component as any)?.name || 'Anonymous'\n  })`\n\n  return withTheme as Component extends (props: infer P) => infer R\n    ? (props: Omit<P, 'theme' | 'themeInverse'> & ThemeableProps) => R\n    : unknown\n}\n"],
+  "mappings": "AAsBM;AAtBN,OAAO,SAAS,kBAAyB;AAGzC,SAAS,aAAa;AAUf,SAAS,UACd,WACA,MACA;AACA,QAAM,qBAAqB,WAAW,SAAS,UAAU,OAAuB,KAAK;AACnF,UAAM,EAAE,cAAc,OAAO,eAAe,YAAY,GAAG,KAAK,IAAI;AACpE,UAAM,UAAU,MAAM,cAAc,WAAW,EAAE,GAAG,MAAM,IAAI,CAAQ;AAEtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,eAAe,kBAAiB,6BAAM;AAAA,QACtC,MAAO,SAAiB;AAAA,QACxB,kBAAc;AAAA,QACd,OAAO,MAAM;AAAA,QACb,OAAO,MAAM;AAAA,QAEZ;AAAA;AAAA,IACH;AAAA,EAEJ,CAAC;AAED,QAAM,YAAiB;AACvB,YAAU,cAAc,WACrB,uCAAmB,iBAAgB,uCAAmB,SAAQ;AAGjE,SAAO;AAGT;",
+  "names": []
+}

package/dist/esm/helpers/themeable.mjs

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import React, { forwardRef } from "react";
+import { Theme } from "../views/Theme";
+function themeable(component, opts) {
+  const withThemeComponent = forwardRef(function WithTheme(props, ref) {
+    const { themeInverse, theme, componentName, themeReset, ...rest } = props;
+    const element = React.createElement(component, { ...rest, ref });
+    return /* @__PURE__ */ jsx(
+      Theme,
+      {
+        inverse: themeInverse,
+        componentName: componentName || (opts == null ? void 0 : opts.componentName),
+        name: theme || null,
+        "data-themeable": true,
+        debug: props.debug,
+        reset: props.themeReset,
+        children: element
+      }
+    );
+  });
+  const withTheme = withThemeComponent;
+  withTheme.displayName = `Themed(${(component == null ? void 0 : component.displayName) || (component == null ? void 0 : component.name) || "Anonymous"})`;
+  return withTheme;
+}
+export {
+  themeable
+};
+//# sourceMappingURL=themeable.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/themeable.tsx"],
+  "sourcesContent": ["import React, { forwardRef, useId } from 'react'\n\nimport { ThemeName } from '../types'\nimport { Theme } from '../views/Theme'\n\nexport interface ThemeableProps {\n  theme?: ThemeName | null\n  themeInverse?: boolean\n  themeReset?: boolean\n  componentName?: string\n  debug?: boolean | 'verbose'\n}\n\nexport function themeable<Component extends (props: any) => any>(\n  component: Component,\n  opts?: { componentName?: string }\n) {\n  const withThemeComponent = forwardRef(function WithTheme(props: ThemeableProps, ref) {\n    const { themeInverse, theme, componentName, themeReset, ...rest } = props\n    const element = React.createElement(component, { ...rest, ref } as any)\n\n    return (\n      <Theme\n        inverse={themeInverse}\n        componentName={componentName || opts?.componentName}\n        name={(theme as any) || null}\n        data-themeable\n        debug={props.debug}\n        reset={props.themeReset}\n      >\n        {element}\n      </Theme>\n    )\n  })\n\n  const withTheme: any = withThemeComponent\n  withTheme.displayName = `Themed(${\n    (component as any)?.displayName || (component as any)?.name || 'Anonymous'\n  })`\n\n  return withTheme as Component extends (props: infer P) => infer R\n    ? (props: Omit<P, 'theme' | 'themeInverse'> & ThemeableProps) => R\n    : unknown\n}\n"],
+  "mappings": "AAsBM;AAtBN,OAAO,SAAS,kBAAyB;AAGzC,SAAS,aAAa;AAUf,SAAS,UACd,WACA,MACA;AACA,QAAM,qBAAqB,WAAW,SAAS,UAAU,OAAuB,KAAK;AACnF,UAAM,EAAE,cAAc,OAAO,eAAe,YAAY,GAAG,KAAK,IAAI;AACpE,UAAM,UAAU,MAAM,cAAc,WAAW,EAAE,GAAG,MAAM,IAAI,CAAQ;AAEtE,WACE;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,eAAe,kBAAiB,6BAAM;AAAA,QACtC,MAAO,SAAiB;AAAA,QACxB,kBAAc;AAAA,QACd,OAAO,MAAM;AAAA,QACb,OAAO,MAAM;AAAA,QAEZ;AAAA;AAAA,IACH;AAAA,EAEJ,CAAC;AAED,QAAM,YAAiB;AACvB,YAAU,cAAc,WACrB,uCAAmB,iBAAgB,uCAAmB,SAAQ;AAGjE,SAAO;AAGT;",
+  "names": []
+}

package/dist/esm/helpers/themes.js

@@ -0,0 +1,53 @@
+import { createVariable, isVariable } from "../createVariable";
+import { GetThemeUnwrapped } from "../hooks/getThemeUnwrapped";
+function ensureThemeVariable(theme, key) {
+  const val = theme[key];
+  const themeKey = key;
+  if (!isVariable(val)) {
+    theme[key] = createVariable({
+      key: themeKey,
+      name: themeKey,
+      val
+    });
+  } else {
+    if (val.name !== themeKey) {
+      theme[key] = createVariable({
+        key: val.name,
+        name: themeKey,
+        val: val.val
+      });
+    }
+  }
+}
+function proxyThemeToParents(themeName, theme, themes) {
+  const cur = [];
+  const parents = themeName.split("_").slice(0, -1).map((part) => {
+    cur.push(part);
+    return cur.join("_");
+  });
+  const len = parents.length;
+  return new Proxy(theme, {
+    get(target, key) {
+      if (key === GetThemeUnwrapped) {
+        return theme;
+      }
+      if (!len || Reflect.has(target, key)) {
+        return Reflect.get(target, key);
+      }
+      for (let i = len - 1; i >= 0; i--) {
+        const parent = themes[parents[i]];
+        if (!parent)
+          continue;
+        if (Reflect.has(parent, key)) {
+          return Reflect.get(parent, key);
+        }
+      }
+      return Reflect.get(target, key);
+    }
+  });
+}
+export {
+  ensureThemeVariable,
+  proxyThemeToParents
+};
+//# sourceMappingURL=themes.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/helpers/themes.ts"],
+  "sourcesContent": ["import { createVariable, isVariable } from '../createVariable'\nimport { GetThemeUnwrapped } from '../hooks/getThemeUnwrapped'\nimport { CreateTamaguiProps } from '../types'\n\n// mutates, freeze after\n// shared by createTamagui so extracted here\nexport function ensureThemeVariable(theme: any, key: string) {\n  const val = theme[key]\n  const themeKey = key\n  if (!isVariable(val)) {\n    theme[key] = createVariable({\n      key: themeKey,\n      name: themeKey,\n      val,\n    })\n  } else {\n    if (val.name !== themeKey) {\n      // rename to theme name\n      theme[key] = createVariable({\n        key: val.name,\n        name: themeKey,\n        val: val.val,\n      })\n    }\n  }\n}\n\nexport function proxyThemeToParents(\n  themeName: string,\n  theme: any,\n  themes: CreateTamaguiProps['themes']\n) {\n  // we could test if this is better as just a straight object spread or fancier proxy\n  const cur: string[] = []\n  // if theme is dark_blue_alt1_Button\n  // this will be the parent names in order: ['dark', 'dark_blue', 'dark_blue_alt1\"]\n  const parents = themeName\n    .split('_')\n    .slice(0, -1)\n    .map((part) => {\n      cur.push(part)\n      return cur.join('_')\n    })\n\n  const len = parents.length\n\n  // proxy fallback values to parent theme values\n  return new Proxy(theme, {\n    get(target, key) {\n      if (key === GetThemeUnwrapped) {\n        return theme\n      }\n      if (!len || Reflect.has(target, key)) {\n        return Reflect.get(target, key)\n      }\n      // check parents\n      for (let i = len - 1; i >= 0; i--) {\n        const parent = themes[parents[i]]\n        if (!parent) continue\n        if (Reflect.has(parent, key)) {\n          return Reflect.get(parent, key)\n        }\n      }\n      return Reflect.get(target, key)\n    },\n  })\n}\n"],
+  "mappings": "AAAA,SAAS,gBAAgB,kBAAkB;AAC3C,SAAS,yBAAyB;AAK3B,SAAS,oBAAoB,OAAY,KAAa;AAC3D,QAAM,MAAM,MAAM,GAAG;AACrB,QAAM,WAAW;AACjB,MAAI,CAAC,WAAW,GAAG,GAAG;AACpB,UAAM,GAAG,IAAI,eAAe;AAAA,MAC1B,KAAK;AAAA,MACL,MAAM;AAAA,MACN;AAAA,IACF,CAAC;AAAA,EACH,OAAO;AACL,QAAI,IAAI,SAAS,UAAU;AAEzB,YAAM,GAAG,IAAI,eAAe;AAAA,QAC1B,KAAK,IAAI;AAAA,QACT,MAAM;AAAA,QACN,KAAK,IAAI;AAAA,MACX,CAAC;AAAA,IACH;AAAA,EACF;AACF;AAEO,SAAS,oBACd,WACA,OACA,QACA;AAEA,QAAM,MAAgB,CAAC;AAGvB,QAAM,UAAU,UACb,MAAM,GAAG,EACT,MAAM,GAAG,EAAE,EACX,IAAI,CAAC,SAAS;AACb,QAAI,KAAK,IAAI;AACb,WAAO,IAAI,KAAK,GAAG;AAAA,EACrB,CAAC;AAEH,QAAM,MAAM,QAAQ;AAGpB,SAAO,IAAI,MAAM,OAAO;AAAA,IACtB,IAAI,QAAQ,KAAK;AACf,UAAI,QAAQ,mBAAmB;AAC7B,eAAO;AAAA,MACT;AACA,UAAI,CAAC,OAAO,QAAQ,IAAI,QAAQ,GAAG,GAAG;AACpC,eAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,MAChC;AAEA,eAAS,IAAI,MAAM,GAAG,KAAK,GAAG,KAAK;AACjC,cAAM,SAAS,OAAO,QAAQ,CAAC,CAAC;AAChC,YAAI,CAAC;AAAQ;AACb,YAAI,QAAQ,IAAI,QAAQ,GAAG,GAAG;AAC5B,iBAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,QAChC;AAAA,MACF;AACA,aAAO,QAAQ,IAAI,QAAQ,GAAG;AAAA,IAChC;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}