@tamagui/web 1.14.1 → 1.14.3

package/dist/esm/helpers/expandStyle.js

@@ -1,2 +1,62 @@
-var s;import{isWeb as c}from"@tamagui/constants";function f(t,o){if(process.env.TAMAGUI_TARGET==="web"){if(t==="flex")return[["flexGrow",o],["flexShrink",1],["flexBasis","auto"]];switch(t){case"textAlignVertical":return[["verticalAlign",o==="center"?"middle":o]];case"writingDirection":return[["direction",o]]}}const i=r[t];if(i)return i.map(a=>[a,o])}const e=["Top","Right","Bottom","Left"],n=["Right","Left"],l=["Top","Bottom"],d=["X","Y"],r={borderColor:["TopColor","RightColor","BottomColor","LeftColor"],borderRadius:["TopLeftRadius","TopRightRadius","BottomRightRadius","BottomLeftRadius"],borderWidth:["TopWidth","RightWidth","BottomWidth","LeftWidth"],margin:e,marginHorizontal:n,marginVertical:l,overscrollBehavior:d,padding:e,paddingHorizontal:n,paddingVertical:l,...c&&{borderStyle:["TopStyle","RightStyle","BottomStyle","LeftStyle"],overflow:d}};for(const t in r){const o=t.slice(0,((s=/[A-Z]/.exec(t))==null?void 0:s.index)??t.length);r[t]=r[t].map(i=>`${o}${i}`)}export{f as expandStyle};
+var _a;
+import { isWeb } from "@tamagui/constants";
+function expandStyle(key, value) {
+  if (process.env.TAMAGUI_TARGET === "web") {
+    if (key === "flex") {
+      return [
+        ["flexGrow", value],
+        ["flexShrink", 1],
+        ["flexBasis", "auto"]
+      ];
+    }
+    switch (key) {
+      case "textAlignVertical": {
+        return [["verticalAlign", value === "center" ? "middle" : value]];
+      }
+      case "writingDirection": {
+        return [["direction", value]];
+      }
+    }
+  }
+  const longKey = EXPANSIONS[key];
+  if (longKey) {
+    return longKey.map((key2) => {
+      return [key2, value];
+    });
+  }
+}
+const all = ["Top", "Right", "Bottom", "Left"];
+const horiz = ["Right", "Left"];
+const vert = ["Top", "Bottom"];
+const xy = ["X", "Y"];
+const EXPANSIONS = {
+  borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
+  borderRadius: [
+    "TopLeftRadius",
+    "TopRightRadius",
+    "BottomRightRadius",
+    "BottomLeftRadius"
+  ],
+  borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
+  margin: all,
+  marginHorizontal: horiz,
+  marginVertical: vert,
+  overscrollBehavior: xy,
+  padding: all,
+  paddingHorizontal: horiz,
+  paddingVertical: vert,
+  ...isWeb && {
+    // react-native only supports borderStyle
+    borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
+    // react-native doesn't support X / Y
+    overflow: xy
+  }
+};
+for (const parent in EXPANSIONS) {
+  const prefix = parent.slice(0, ((_a = /[A-Z]/.exec(parent)) == null ? void 0 : _a.index) ?? parent.length);
+  EXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`);
+}
+export {
+  expandStyle
+};
 //# sourceMappingURL=expandStyle.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/expandStyle.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\nexport function expandStyle(key: string, value: any) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (key === 'flex') {\n      return [\n        ['flexGrow', value],\n        ['flexShrink', 1],\n        ['flexBasis', 'auto'],\n      ]\n    }\n\n    // web only\n    switch (key) {\n      case 'textAlignVertical': {\n        return [['verticalAlign', value === 'center' ? 'middle' : value]]\n      }\n      case 'writingDirection': {\n        return [['direction', value]]\n      }\n    }\n  }\n\n  const longKey = EXPANSIONS[key]\n  if (longKey) {\n    return longKey.map((key) => {\n      return [key, value]\n    })\n  }\n}\n\nconst all = ['Top', 'Right', 'Bottom', 'Left']\nconst horiz = ['Right', 'Left']\nconst vert = ['Top', 'Bottom']\nconst xy = ['X', 'Y']\n\nconst EXPANSIONS: Record<string, string[]> = {\n  borderColor: ['TopColor', 'RightColor', 'BottomColor', 'LeftColor'],\n  borderRadius: [\n    'TopLeftRadius',\n    'TopRightRadius',\n    'BottomRightRadius',\n    'BottomLeftRadius',\n  ],\n  borderWidth: ['TopWidth', 'RightWidth', 'BottomWidth', 'LeftWidth'],\n  margin: all,\n  marginHorizontal: horiz,\n  marginVertical: vert,\n  overscrollBehavior: xy,\n  padding: all,\n  paddingHorizontal: horiz,\n  paddingVertical: vert,\n  ...(isWeb && {\n    // react-native only supports borderStyle\n    borderStyle: ['TopStyle', 'RightStyle', 'BottomStyle', 'LeftStyle'],\n    // react-native doesn't support X / Y\n    overflow: xy,\n  }),\n}\n\nfor (const parent in EXPANSIONS) {\n  const prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length)\n  EXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`)\n}\n"],
-  "mappings": "AAAA,IAAAA,EAKA,OAAS,SAAAC,MAAa,qBAEf,SAASC,EAAYC,EAAaC,EAAY,CACnD,GAAI,QAAQ,IAAI,iBAAmB,MAAO,CACxC,GAAID,IAAQ,OACV,MAAO,CACL,CAAC,WAAYC,CAAK,EAClB,CAAC,aAAc,CAAC,EAChB,CAAC,YAAa,MAAM,CACtB,EAIF,OAAQD,EAAK,CACX,IAAK,oBACH,MAAO,CAAC,CAAC,gBAAiBC,IAAU,SAAW,SAAWA,CAAK,CAAC,EAElE,IAAK,mBACH,MAAO,CAAC,CAAC,YAAaA,CAAK,CAAC,CAEhC,CACF,CAEA,MAAMC,EAAUC,EAAWH,CAAG,EAC9B,GAAIE,EACF,OAAOA,EAAQ,IAAKF,GACX,CAACA,EAAKC,CAAK,CACnB,CAEL,CAEA,MAAMG,EAAM,CAAC,MAAO,QAAS,SAAU,MAAM,EACvCC,EAAQ,CAAC,QAAS,MAAM,EACxBC,EAAO,CAAC,MAAO,QAAQ,EACvBC,EAAK,CAAC,IAAK,GAAG,EAEdJ,EAAuC,CAC3C,YAAa,CAAC,WAAY,aAAc,cAAe,WAAW,EAClE,aAAc,CACZ,gBACA,iBACA,oBACA,kBACF,EACA,YAAa,CAAC,WAAY,aAAc,cAAe,WAAW,EAClE,OAAQC,EACR,iBAAkBC,EAClB,eAAgBC,EAChB,mBAAoBC,EACpB,QAASH,EACT,kBAAmBC,EACnB,gBAAiBC,EACjB,GAAIR,GAAS,CAEX,YAAa,CAAC,WAAY,aAAc,cAAe,WAAW,EAElE,SAAUS,CACZ,CACF,EAEA,UAAWC,KAAUL,EAAY,CAC/B,MAAMM,EAASD,EAAO,MAAM,IAAGX,EAAA,QAAQ,KAAKW,CAAM,IAAnB,YAAAX,EAAsB,QAASW,EAAO,MAAM,EAC3EL,EAAWK,CAAM,EAAIL,EAAWK,CAAM,EAAE,IAAKE,GAAM,GAAGD,IAASC,GAAG,CACpE",
-  "names": ["_a", "isWeb", "expandStyle", "key", "value", "longKey", "EXPANSIONS", "all", "horiz", "vert", "xy", "parent", "prefix", "k"]
+  "mappings": "AAAA;AAKA,SAAS,aAAa;AAEf,SAAS,YAAY,KAAa,OAAY;AACnD,MAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,QAAI,QAAQ,QAAQ;AAClB,aAAO;AAAA,QACL,CAAC,YAAY,KAAK;AAAA,QAClB,CAAC,cAAc,CAAC;AAAA,QAChB,CAAC,aAAa,MAAM;AAAA,MACtB;AAAA,IACF;AAGA,YAAQ,KAAK;AAAA,MACX,KAAK,qBAAqB;AACxB,eAAO,CAAC,CAAC,iBAAiB,UAAU,WAAW,WAAW,KAAK,CAAC;AAAA,MAClE;AAAA,MACA,KAAK,oBAAoB;AACvB,eAAO,CAAC,CAAC,aAAa,KAAK,CAAC;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU,WAAW,GAAG;AAC9B,MAAI,SAAS;AACX,WAAO,QAAQ,IAAI,CAACA,SAAQ;AAC1B,aAAO,CAACA,MAAK,KAAK;AAAA,IACpB,CAAC;AAAA,EACH;AACF;AAEA,MAAM,MAAM,CAAC,OAAO,SAAS,UAAU,MAAM;AAC7C,MAAM,QAAQ,CAAC,SAAS,MAAM;AAC9B,MAAM,OAAO,CAAC,OAAO,QAAQ;AAC7B,MAAM,KAAK,CAAC,KAAK,GAAG;AAEpB,MAAM,aAAuC;AAAA,EAC3C,aAAa,CAAC,YAAY,cAAc,eAAe,WAAW;AAAA,EAClE,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,aAAa,CAAC,YAAY,cAAc,eAAe,WAAW;AAAA,EAClE,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,GAAI,SAAS;AAAA;AAAA,IAEX,aAAa,CAAC,YAAY,cAAc,eAAe,WAAW;AAAA;AAAA,IAElE,UAAU;AAAA,EACZ;AACF;AAEA,WAAW,UAAU,YAAY;AAC/B,QAAM,SAAS,OAAO,MAAM,KAAG,aAAQ,KAAK,MAAM,MAAnB,mBAAsB,UAAS,OAAO,MAAM;AAC3E,aAAW,MAAM,IAAI,WAAW,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG;AACpE;",
+  "names": ["key"]
 }

package/dist/esm/helpers/expandStyle.mjs

@@ -1,2 +1,62 @@
-var s;import{isWeb as c}from"@tamagui/constants";function f(t,o){if(process.env.TAMAGUI_TARGET==="web"){if(t==="flex")return[["flexGrow",o],["flexShrink",1],["flexBasis","auto"]];switch(t){case"textAlignVertical":return[["verticalAlign",o==="center"?"middle":o]];case"writingDirection":return[["direction",o]]}}const i=r[t];if(i)return i.map(a=>[a,o])}const e=["Top","Right","Bottom","Left"],n=["Right","Left"],l=["Top","Bottom"],d=["X","Y"],r={borderColor:["TopColor","RightColor","BottomColor","LeftColor"],borderRadius:["TopLeftRadius","TopRightRadius","BottomRightRadius","BottomLeftRadius"],borderWidth:["TopWidth","RightWidth","BottomWidth","LeftWidth"],margin:e,marginHorizontal:n,marginVertical:l,overscrollBehavior:d,padding:e,paddingHorizontal:n,paddingVertical:l,...c&&{borderStyle:["TopStyle","RightStyle","BottomStyle","LeftStyle"],overflow:d}};for(const t in r){const o=t.slice(0,((s=/[A-Z]/.exec(t))==null?void 0:s.index)??t.length);r[t]=r[t].map(i=>`${o}${i}`)}export{f as expandStyle};
+var _a;
+import { isWeb } from "@tamagui/constants";
+function expandStyle(key, value) {
+  if (process.env.TAMAGUI_TARGET === "web") {
+    if (key === "flex") {
+      return [
+        ["flexGrow", value],
+        ["flexShrink", 1],
+        ["flexBasis", "auto"]
+      ];
+    }
+    switch (key) {
+      case "textAlignVertical": {
+        return [["verticalAlign", value === "center" ? "middle" : value]];
+      }
+      case "writingDirection": {
+        return [["direction", value]];
+      }
+    }
+  }
+  const longKey = EXPANSIONS[key];
+  if (longKey) {
+    return longKey.map((key2) => {
+      return [key2, value];
+    });
+  }
+}
+const all = ["Top", "Right", "Bottom", "Left"];
+const horiz = ["Right", "Left"];
+const vert = ["Top", "Bottom"];
+const xy = ["X", "Y"];
+const EXPANSIONS = {
+  borderColor: ["TopColor", "RightColor", "BottomColor", "LeftColor"],
+  borderRadius: [
+    "TopLeftRadius",
+    "TopRightRadius",
+    "BottomRightRadius",
+    "BottomLeftRadius"
+  ],
+  borderWidth: ["TopWidth", "RightWidth", "BottomWidth", "LeftWidth"],
+  margin: all,
+  marginHorizontal: horiz,
+  marginVertical: vert,
+  overscrollBehavior: xy,
+  padding: all,
+  paddingHorizontal: horiz,
+  paddingVertical: vert,
+  ...isWeb && {
+    // react-native only supports borderStyle
+    borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
+    // react-native doesn't support X / Y
+    overflow: xy
+  }
+};
+for (const parent in EXPANSIONS) {
+  const prefix = parent.slice(0, ((_a = /[A-Z]/.exec(parent)) == null ? void 0 : _a.index) ?? parent.length);
+  EXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`);
+}
+export {
+  expandStyle
+};
 //# sourceMappingURL=expandStyle.mjs.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/expandStyle.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\nexport function expandStyle(key: string, value: any) {\n  if (process.env.TAMAGUI_TARGET === 'web') {\n    if (key === 'flex') {\n      return [\n        ['flexGrow', value],\n        ['flexShrink', 1],\n        ['flexBasis', 'auto'],\n      ]\n    }\n\n    // web only\n    switch (key) {\n      case 'textAlignVertical': {\n        return [['verticalAlign', value === 'center' ? 'middle' : value]]\n      }\n      case 'writingDirection': {\n        return [['direction', value]]\n      }\n    }\n  }\n\n  const longKey = EXPANSIONS[key]\n  if (longKey) {\n    return longKey.map((key) => {\n      return [key, value]\n    })\n  }\n}\n\nconst all = ['Top', 'Right', 'Bottom', 'Left']\nconst horiz = ['Right', 'Left']\nconst vert = ['Top', 'Bottom']\nconst xy = ['X', 'Y']\n\nconst EXPANSIONS: Record<string, string[]> = {\n  borderColor: ['TopColor', 'RightColor', 'BottomColor', 'LeftColor'],\n  borderRadius: [\n    'TopLeftRadius',\n    'TopRightRadius',\n    'BottomRightRadius',\n    'BottomLeftRadius',\n  ],\n  borderWidth: ['TopWidth', 'RightWidth', 'BottomWidth', 'LeftWidth'],\n  margin: all,\n  marginHorizontal: horiz,\n  marginVertical: vert,\n  overscrollBehavior: xy,\n  padding: all,\n  paddingHorizontal: horiz,\n  paddingVertical: vert,\n  ...(isWeb && {\n    // react-native only supports borderStyle\n    borderStyle: ['TopStyle', 'RightStyle', 'BottomStyle', 'LeftStyle'],\n    // react-native doesn't support X / Y\n    overflow: xy,\n  }),\n}\n\nfor (const parent in EXPANSIONS) {\n  const prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length)\n  EXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`)\n}\n"],
-  "mappings": "AAAA,IAAAA,EAKA,OAAS,SAAAC,MAAa,qBAEf,SAASC,EAAYC,EAAaC,EAAY,CACnD,GAAI,QAAQ,IAAI,iBAAmB,MAAO,CACxC,GAAID,IAAQ,OACV,MAAO,CACL,CAAC,WAAYC,CAAK,EAClB,CAAC,aAAc,CAAC,EAChB,CAAC,YAAa,MAAM,CACtB,EAIF,OAAQD,EAAK,CACX,IAAK,oBACH,MAAO,CAAC,CAAC,gBAAiBC,IAAU,SAAW,SAAWA,CAAK,CAAC,EAElE,IAAK,mBACH,MAAO,CAAC,CAAC,YAAaA,CAAK,CAAC,CAEhC,CACF,CAEA,MAAMC,EAAUC,EAAWH,CAAG,EAC9B,GAAIE,EACF,OAAOA,EAAQ,IAAKF,GACX,CAACA,EAAKC,CAAK,CACnB,CAEL,CAEA,MAAMG,EAAM,CAAC,MAAO,QAAS,SAAU,MAAM,EACvCC,EAAQ,CAAC,QAAS,MAAM,EACxBC,EAAO,CAAC,MAAO,QAAQ,EACvBC,EAAK,CAAC,IAAK,GAAG,EAEdJ,EAAuC,CAC3C,YAAa,CAAC,WAAY,aAAc,cAAe,WAAW,EAClE,aAAc,CACZ,gBACA,iBACA,oBACA,kBACF,EACA,YAAa,CAAC,WAAY,aAAc,cAAe,WAAW,EAClE,OAAQC,EACR,iBAAkBC,EAClB,eAAgBC,EAChB,mBAAoBC,EACpB,QAASH,EACT,kBAAmBC,EACnB,gBAAiBC,EACjB,GAAIR,GAAS,CAEX,YAAa,CAAC,WAAY,aAAc,cAAe,WAAW,EAElE,SAAUS,CACZ,CACF,EAEA,UAAWC,KAAUL,EAAY,CAC/B,MAAMM,EAASD,EAAO,MAAM,IAAGX,EAAA,QAAQ,KAAKW,CAAM,IAAnB,YAAAX,EAAsB,QAASW,EAAO,MAAM,EAC3EL,EAAWK,CAAM,EAAIL,EAAWK,CAAM,EAAE,IAAKE,GAAM,GAAGD,IAASC,GAAG,CACpE",
-  "names": ["_a", "isWeb", "expandStyle", "key", "value", "longKey", "EXPANSIONS", "all", "horiz", "vert", "xy", "parent", "prefix", "k"]
+  "mappings": "AAAA;AAKA,SAAS,aAAa;AAEf,SAAS,YAAY,KAAa,OAAY;AACnD,MAAI,QAAQ,IAAI,mBAAmB,OAAO;AACxC,QAAI,QAAQ,QAAQ;AAClB,aAAO;AAAA,QACL,CAAC,YAAY,KAAK;AAAA,QAClB,CAAC,cAAc,CAAC;AAAA,QAChB,CAAC,aAAa,MAAM;AAAA,MACtB;AAAA,IACF;AAGA,YAAQ,KAAK;AAAA,MACX,KAAK,qBAAqB;AACxB,eAAO,CAAC,CAAC,iBAAiB,UAAU,WAAW,WAAW,KAAK,CAAC;AAAA,MAClE;AAAA,MACA,KAAK,oBAAoB;AACvB,eAAO,CAAC,CAAC,aAAa,KAAK,CAAC;AAAA,MAC9B;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU,WAAW,GAAG;AAC9B,MAAI,SAAS;AACX,WAAO,QAAQ,IAAI,CAACA,SAAQ;AAC1B,aAAO,CAACA,MAAK,KAAK;AAAA,IACpB,CAAC;AAAA,EACH;AACF;AAEA,MAAM,MAAM,CAAC,OAAO,SAAS,UAAU,MAAM;AAC7C,MAAM,QAAQ,CAAC,SAAS,MAAM;AAC9B,MAAM,OAAO,CAAC,OAAO,QAAQ;AAC7B,MAAM,KAAK,CAAC,KAAK,GAAG;AAEpB,MAAM,aAAuC;AAAA,EAC3C,aAAa,CAAC,YAAY,cAAc,eAAe,WAAW;AAAA,EAClE,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,aAAa,CAAC,YAAY,cAAc,eAAe,WAAW;AAAA,EAClE,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,GAAI,SAAS;AAAA;AAAA,IAEX,aAAa,CAAC,YAAY,cAAc,eAAe,WAAW;AAAA;AAAA,IAElE,UAAU;AAAA,EACZ;AACF;AAEA,WAAW,UAAU,YAAY;AAC/B,QAAM,SAAS,OAAO,MAAM,KAAG,aAAQ,KAAK,MAAM,MAAnB,mBAAsB,UAAS,OAAO,MAAM;AAC3E,aAAW,MAAM,IAAI,WAAW,MAAM,EAAE,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG;AACpE;",
+  "names": ["key"]
 }

package/dist/esm/helpers/expandStyles.js

@@ -1,2 +1,52 @@
-import{isWeb as f}from"@tamagui/constants";import{getConfig as l}from"../config.js";import{expandStyle as c}from"./expandStyle.js";import{normalizeShadow as h}from"./normalizeShadow";import{normalizeValueWithProperty as m}from"./normalizeValueWithProperty.js";import{pseudoDescriptors as b}from"./pseudoDescriptors.js";let i=null;function p(o,t=l()){const e={};for(let r in o){if(i=i||(t?t.shorthands:null),i&&(r=i[r]||r),r in b){e[r]=p(o[r]);continue}const s=m(o[r],r),a=c(r,s);a?Object.assign(e,Object.fromEntries(a)):e[r]=s}return u(e),e}function u(o){(o.shadowRadius||o.shadowColor||o.shadowOpacity||o.shadowOffset)&&Object.assign(o,h(o));for(const t in d)t in o&&!o[d[t]]&&(o[d[t]]="solid")}const n=f?null:"borderStyle",d={borderWidth:"borderStyle",borderBottomWidth:n||"borderBottomStyle",borderTopWidth:n||"borderTopStyle",borderLeftWidth:n||"borderLeftStyle",borderRightWidth:n||"borderRightStyle"};export{p as expandStyles,u as fixStyles};
+import { isWeb } from "@tamagui/constants";
+import { getConfig } from "../config.js";
+import { expandStyle } from "./expandStyle.js";
+import { normalizeShadow } from "./normalizeShadow";
+import { normalizeValueWithProperty } from "./normalizeValueWithProperty.js";
+import { pseudoDescriptors } from "./pseudoDescriptors.js";
+let shorthands = null;
+function expandStyles(style, config = getConfig()) {
+  const res = {};
+  for (let key in style) {
+    shorthands = shorthands || (config ? config.shorthands : null);
+    if (shorthands) {
+      key = shorthands[key] || key;
+    }
+    if (key in pseudoDescriptors) {
+      res[key] = expandStyles(style[key]);
+      continue;
+    }
+    const val = normalizeValueWithProperty(style[key], key);
+    const out = expandStyle(key, val);
+    if (out) {
+      Object.assign(res, Object.fromEntries(out));
+    } else {
+      res[key] = val;
+    }
+  }
+  fixStyles(res);
+  return res;
+}
+function fixStyles(style) {
+  if (style.shadowRadius || style.shadowColor || style.shadowOpacity || style.shadowOffset) {
+    Object.assign(style, normalizeShadow(style));
+  }
+  for (const key in borderDefaults) {
+    if (key in style && !style[borderDefaults[key]]) {
+      style[borderDefaults[key]] = "solid";
+    }
+  }
+}
+const nativeStyle = isWeb ? null : "borderStyle";
+const borderDefaults = {
+  borderWidth: "borderStyle",
+  borderBottomWidth: nativeStyle || "borderBottomStyle",
+  borderTopWidth: nativeStyle || "borderTopStyle",
+  borderLeftWidth: nativeStyle || "borderLeftStyle",
+  borderRightWidth: nativeStyle || "borderRightStyle"
+};
+export {
+  expandStyles,
+  fixStyles
+};
 //# sourceMappingURL=expandStyles.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/expandStyles.ts"],
   "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nimport { getConfig } from '../config.js'\nimport { expandStyle } from './expandStyle.js'\nimport { normalizeShadow } from './normalizeShadow'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors.js'\n\nlet shorthands: Record<string, string> | null = null\n\n/**\n * This is what you want to run before Object.assign() a style onto another.\n * It does the following:\n *   1. Turns user shorthands into longhands, ie px = paddingHorizontal\n *   2. Normalizes various inconsistent styles to be more consistent\n *   3. Expands react-native shorthands, ie paddingHorizontal => paddingLeft, paddingRight\n */\n\nexport function expandStyles(style: Record<string, any>, config = getConfig()) {\n  const res: Record<string, any> = {}\n\n  for (let key in style) {\n    shorthands = shorthands || (config ? config.shorthands : null)\n    if (shorthands) {\n      key = shorthands[key] || key\n    }\n    if (key in pseudoDescriptors) {\n      res[key] = expandStyles(style[key])\n      continue\n    }\n    const val = normalizeValueWithProperty(style[key], key)\n    // expand react-native shorthands\n    const out = expandStyle(key, val)\n    if (out) {\n      Object.assign(res, Object.fromEntries(out))\n    } else {\n      res[key] = val\n    }\n  }\n\n  fixStyles(res)\n\n  return res\n}\n\nexport function fixStyles(style: Record<string, any>) {\n  if (\n    style.shadowRadius ||\n    style.shadowColor ||\n    style.shadowOpacity ||\n    style.shadowOffset\n  ) {\n    Object.assign(style, normalizeShadow(style))\n  }\n\n  // TODO could be native-only\n  // ensure border style set by default to solid\n  for (const key in borderDefaults) {\n    if (key in style && !style[borderDefaults[key]]) {\n      style[borderDefaults[key]] = 'solid'\n    }\n  }\n}\n\n// native doesn't support specific border edge style\nconst nativeStyle = isWeb ? null : 'borderStyle'\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: nativeStyle || 'borderBottomStyle',\n  borderTopWidth: nativeStyle || 'borderTopStyle',\n  borderLeftWidth: nativeStyle || 'borderLeftStyle',\n  borderRightWidth: nativeStyle || 'borderRightStyle',\n}\n"],
-  "mappings": "AAAA,OAAS,SAAAA,MAAa,qBAEtB,OAAS,aAAAC,MAAiB,eAC1B,OAAS,eAAAC,MAAmB,mBAC5B,OAAS,mBAAAC,MAAuB,oBAChC,OAAS,8BAAAC,MAAkC,kCAC3C,OAAS,qBAAAC,MAAyB,yBAElC,IAAIC,EAA4C,KAUzC,SAASC,EAAaC,EAA4BC,EAASR,EAAU,EAAG,CAC7E,MAAMS,EAA2B,CAAC,EAElC,QAASC,KAAOH,EAAO,CAKrB,GAJAF,EAAaA,IAAeG,EAASA,EAAO,WAAa,MACrDH,IACFK,EAAML,EAAWK,CAAG,GAAKA,GAEvBA,KAAON,EAAmB,CAC5BK,EAAIC,CAAG,EAAIJ,EAAaC,EAAMG,CAAG,CAAC,EAClC,QACF,CACA,MAAMC,EAAMR,EAA2BI,EAAMG,CAAG,EAAGA,CAAG,EAEhDE,EAAMX,EAAYS,EAAKC,CAAG,EAC5BC,EACF,OAAO,OAAOH,EAAK,OAAO,YAAYG,CAAG,CAAC,EAE1CH,EAAIC,CAAG,EAAIC,CAEf,CAEA,OAAAE,EAAUJ,CAAG,EAENA,CACT,CAEO,SAASI,EAAUN,EAA4B,EAElDA,EAAM,cACNA,EAAM,aACNA,EAAM,eACNA,EAAM,eAEN,OAAO,OAAOA,EAAOL,EAAgBK,CAAK,CAAC,EAK7C,UAAWG,KAAOI,EACZJ,KAAOH,GAAS,CAACA,EAAMO,EAAeJ,CAAG,CAAC,IAC5CH,EAAMO,EAAeJ,CAAG,CAAC,EAAI,QAGnC,CAGA,MAAMK,EAAchB,EAAQ,KAAO,cAC7Be,EAAiB,CACrB,YAAa,cACb,kBAAmBC,GAAe,oBAClC,eAAgBA,GAAe,iBAC/B,gBAAiBA,GAAe,kBAChC,iBAAkBA,GAAe,kBACnC",
-  "names": ["isWeb", "getConfig", "expandStyle", "normalizeShadow", "normalizeValueWithProperty", "pseudoDescriptors", "shorthands", "expandStyles", "style", "config", "res", "key", "val", "out", "fixStyles", "borderDefaults", "nativeStyle"]
+  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAElC,IAAI,aAA4C;AAUzC,SAAS,aAAa,OAA4B,SAAS,UAAU,GAAG;AAC7E,QAAM,MAA2B,CAAC;AAElC,WAAS,OAAO,OAAO;AACrB,iBAAa,eAAe,SAAS,OAAO,aAAa;AACzD,QAAI,YAAY;AACd,YAAM,WAAW,GAAG,KAAK;AAAA,IAC3B;AACA,QAAI,OAAO,mBAAmB;AAC5B,UAAI,GAAG,IAAI,aAAa,MAAM,GAAG,CAAC;AAClC;AAAA,IACF;AACA,UAAM,MAAM,2BAA2B,MAAM,GAAG,GAAG,GAAG;AAEtD,UAAM,MAAM,YAAY,KAAK,GAAG;AAChC,QAAI,KAAK;AACP,aAAO,OAAO,KAAK,OAAO,YAAY,GAAG,CAAC;AAAA,IAC5C,OAAO;AACL,UAAI,GAAG,IAAI;AAAA,IACb;AAAA,EACF;AAEA,YAAU,GAAG;AAEb,SAAO;AACT;AAEO,SAAS,UAAU,OAA4B;AACpD,MACE,MAAM,gBACN,MAAM,eACN,MAAM,iBACN,MAAM,cACN;AACA,WAAO,OAAO,OAAO,gBAAgB,KAAK,CAAC;AAAA,EAC7C;AAIA,aAAW,OAAO,gBAAgB;AAChC,QAAI,OAAO,SAAS,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG;AAC/C,YAAM,eAAe,GAAG,CAAC,IAAI;AAAA,IAC/B;AAAA,EACF;AACF;AAGA,MAAM,cAAc,QAAQ,OAAO;AACnC,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,mBAAmB,eAAe;AAAA,EAClC,gBAAgB,eAAe;AAAA,EAC/B,iBAAiB,eAAe;AAAA,EAChC,kBAAkB,eAAe;AACnC;",
+  "names": []
 }

package/dist/esm/helpers/expandStyles.mjs

@@ -1,2 +1,52 @@
-import{isWeb as f}from"@tamagui/constants";import{getConfig as l}from"../config.js";import{expandStyle as c}from"./expandStyle.js";import{normalizeShadow as h}from"./normalizeShadow";import{normalizeValueWithProperty as m}from"./normalizeValueWithProperty.js";import{pseudoDescriptors as b}from"./pseudoDescriptors.js";let i=null;function p(o,t=l()){const e={};for(let r in o){if(i=i||(t?t.shorthands:null),i&&(r=i[r]||r),r in b){e[r]=p(o[r]);continue}const s=m(o[r],r),a=c(r,s);a?Object.assign(e,Object.fromEntries(a)):e[r]=s}return u(e),e}function u(o){(o.shadowRadius||o.shadowColor||o.shadowOpacity||o.shadowOffset)&&Object.assign(o,h(o));for(const t in d)t in o&&!o[d[t]]&&(o[d[t]]="solid")}const n=f?null:"borderStyle",d={borderWidth:"borderStyle",borderBottomWidth:n||"borderBottomStyle",borderTopWidth:n||"borderTopStyle",borderLeftWidth:n||"borderLeftStyle",borderRightWidth:n||"borderRightStyle"};export{p as expandStyles,u as fixStyles};
+import { isWeb } from "@tamagui/constants";
+import { getConfig } from "../config.js";
+import { expandStyle } from "./expandStyle.js";
+import { normalizeShadow } from "./normalizeShadow";
+import { normalizeValueWithProperty } from "./normalizeValueWithProperty.js";
+import { pseudoDescriptors } from "./pseudoDescriptors.js";
+let shorthands = null;
+function expandStyles(style, config = getConfig()) {
+  const res = {};
+  for (let key in style) {
+    shorthands = shorthands || (config ? config.shorthands : null);
+    if (shorthands) {
+      key = shorthands[key] || key;
+    }
+    if (key in pseudoDescriptors) {
+      res[key] = expandStyles(style[key]);
+      continue;
+    }
+    const val = normalizeValueWithProperty(style[key], key);
+    const out = expandStyle(key, val);
+    if (out) {
+      Object.assign(res, Object.fromEntries(out));
+    } else {
+      res[key] = val;
+    }
+  }
+  fixStyles(res);
+  return res;
+}
+function fixStyles(style) {
+  if (style.shadowRadius || style.shadowColor || style.shadowOpacity || style.shadowOffset) {
+    Object.assign(style, normalizeShadow(style));
+  }
+  for (const key in borderDefaults) {
+    if (key in style && !style[borderDefaults[key]]) {
+      style[borderDefaults[key]] = "solid";
+    }
+  }
+}
+const nativeStyle = isWeb ? null : "borderStyle";
+const borderDefaults = {
+  borderWidth: "borderStyle",
+  borderBottomWidth: nativeStyle || "borderBottomStyle",
+  borderTopWidth: nativeStyle || "borderTopStyle",
+  borderLeftWidth: nativeStyle || "borderLeftStyle",
+  borderRightWidth: nativeStyle || "borderRightStyle"
+};
+export {
+  expandStyles,
+  fixStyles
+};
 //# sourceMappingURL=expandStyles.mjs.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/expandStyles.ts"],
   "sourcesContent": ["import { isWeb } from '@tamagui/constants'\n\nimport { getConfig } from '../config.js'\nimport { expandStyle } from './expandStyle.js'\nimport { normalizeShadow } from './normalizeShadow'\nimport { normalizeValueWithProperty } from './normalizeValueWithProperty.js'\nimport { pseudoDescriptors } from './pseudoDescriptors.js'\n\nlet shorthands: Record<string, string> | null = null\n\n/**\n * This is what you want to run before Object.assign() a style onto another.\n * It does the following:\n *   1. Turns user shorthands into longhands, ie px = paddingHorizontal\n *   2. Normalizes various inconsistent styles to be more consistent\n *   3. Expands react-native shorthands, ie paddingHorizontal => paddingLeft, paddingRight\n */\n\nexport function expandStyles(style: Record<string, any>, config = getConfig()) {\n  const res: Record<string, any> = {}\n\n  for (let key in style) {\n    shorthands = shorthands || (config ? config.shorthands : null)\n    if (shorthands) {\n      key = shorthands[key] || key\n    }\n    if (key in pseudoDescriptors) {\n      res[key] = expandStyles(style[key])\n      continue\n    }\n    const val = normalizeValueWithProperty(style[key], key)\n    // expand react-native shorthands\n    const out = expandStyle(key, val)\n    if (out) {\n      Object.assign(res, Object.fromEntries(out))\n    } else {\n      res[key] = val\n    }\n  }\n\n  fixStyles(res)\n\n  return res\n}\n\nexport function fixStyles(style: Record<string, any>) {\n  if (\n    style.shadowRadius ||\n    style.shadowColor ||\n    style.shadowOpacity ||\n    style.shadowOffset\n  ) {\n    Object.assign(style, normalizeShadow(style))\n  }\n\n  // TODO could be native-only\n  // ensure border style set by default to solid\n  for (const key in borderDefaults) {\n    if (key in style && !style[borderDefaults[key]]) {\n      style[borderDefaults[key]] = 'solid'\n    }\n  }\n}\n\n// native doesn't support specific border edge style\nconst nativeStyle = isWeb ? null : 'borderStyle'\nconst borderDefaults = {\n  borderWidth: 'borderStyle',\n  borderBottomWidth: nativeStyle || 'borderBottomStyle',\n  borderTopWidth: nativeStyle || 'borderTopStyle',\n  borderLeftWidth: nativeStyle || 'borderLeftStyle',\n  borderRightWidth: nativeStyle || 'borderRightStyle',\n}\n"],
-  "mappings": "AAAA,OAAS,SAAAA,MAAa,qBAEtB,OAAS,aAAAC,MAAiB,eAC1B,OAAS,eAAAC,MAAmB,mBAC5B,OAAS,mBAAAC,MAAuB,oBAChC,OAAS,8BAAAC,MAAkC,kCAC3C,OAAS,qBAAAC,MAAyB,yBAElC,IAAIC,EAA4C,KAUzC,SAASC,EAAaC,EAA4BC,EAASR,EAAU,EAAG,CAC7E,MAAMS,EAA2B,CAAC,EAElC,QAASC,KAAOH,EAAO,CAKrB,GAJAF,EAAaA,IAAeG,EAASA,EAAO,WAAa,MACrDH,IACFK,EAAML,EAAWK,CAAG,GAAKA,GAEvBA,KAAON,EAAmB,CAC5BK,EAAIC,CAAG,EAAIJ,EAAaC,EAAMG,CAAG,CAAC,EAClC,QACF,CACA,MAAMC,EAAMR,EAA2BI,EAAMG,CAAG,EAAGA,CAAG,EAEhDE,EAAMX,EAAYS,EAAKC,CAAG,EAC5BC,EACF,OAAO,OAAOH,EAAK,OAAO,YAAYG,CAAG,CAAC,EAE1CH,EAAIC,CAAG,EAAIC,CAEf,CAEA,OAAAE,EAAUJ,CAAG,EAENA,CACT,CAEO,SAASI,EAAUN,EAA4B,EAElDA,EAAM,cACNA,EAAM,aACNA,EAAM,eACNA,EAAM,eAEN,OAAO,OAAOA,EAAOL,EAAgBK,CAAK,CAAC,EAK7C,UAAWG,KAAOI,EACZJ,KAAOH,GAAS,CAACA,EAAMO,EAAeJ,CAAG,CAAC,IAC5CH,EAAMO,EAAeJ,CAAG,CAAC,EAAI,QAGnC,CAGA,MAAMK,EAAchB,EAAQ,KAAO,cAC7Be,EAAiB,CACrB,YAAa,cACb,kBAAmBC,GAAe,oBAClC,eAAgBA,GAAe,iBAC/B,gBAAiBA,GAAe,kBAChC,iBAAkBA,GAAe,kBACnC",
-  "names": ["isWeb", "getConfig", "expandStyle", "normalizeShadow", "normalizeValueWithProperty", "pseudoDescriptors", "shorthands", "expandStyles", "style", "config", "res", "key", "val", "out", "fixStyles", "borderDefaults", "nativeStyle"]
+  "mappings": "AAAA,SAAS,aAAa;AAEtB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,SAAS,kCAAkC;AAC3C,SAAS,yBAAyB;AAElC,IAAI,aAA4C;AAUzC,SAAS,aAAa,OAA4B,SAAS,UAAU,GAAG;AAC7E,QAAM,MAA2B,CAAC;AAElC,WAAS,OAAO,OAAO;AACrB,iBAAa,eAAe,SAAS,OAAO,aAAa;AACzD,QAAI,YAAY;AACd,YAAM,WAAW,GAAG,KAAK;AAAA,IAC3B;AACA,QAAI,OAAO,mBAAmB;AAC5B,UAAI,GAAG,IAAI,aAAa,MAAM,GAAG,CAAC;AAClC;AAAA,IACF;AACA,UAAM,MAAM,2BAA2B,MAAM,GAAG,GAAG,GAAG;AAEtD,UAAM,MAAM,YAAY,KAAK,GAAG;AAChC,QAAI,KAAK;AACP,aAAO,OAAO,KAAK,OAAO,YAAY,GAAG,CAAC;AAAA,IAC5C,OAAO;AACL,UAAI,GAAG,IAAI;AAAA,IACb;AAAA,EACF;AAEA,YAAU,GAAG;AAEb,SAAO;AACT;AAEO,SAAS,UAAU,OAA4B;AACpD,MACE,MAAM,gBACN,MAAM,eACN,MAAM,iBACN,MAAM,cACN;AACA,WAAO,OAAO,OAAO,gBAAgB,KAAK,CAAC;AAAA,EAC7C;AAIA,aAAW,OAAO,gBAAgB;AAChC,QAAI,OAAO,SAAS,CAAC,MAAM,eAAe,GAAG,CAAC,GAAG;AAC/C,YAAM,eAAe,GAAG,CAAC,IAAI;AAAA,IAC/B;AAAA,EACF;AACF;AAGA,MAAM,cAAc,QAAQ,OAAO;AACnC,MAAM,iBAAiB;AAAA,EACrB,aAAa;AAAA,EACb,mBAAmB,eAAe;AAAA,EAClC,gBAAgB,eAAe;AAAA,EAC/B,iBAAiB,eAAe;AAAA,EAChC,kBAAkB,eAAe;AACnC;",
+  "names": []
 }

package/dist/esm/helpers/extendStaticConfig.js

@@ -1,2 +1,67 @@
-import{stylePropsView as p}from"@tamagui/helpers";import{createPropMapper as l}from"./createPropMapper.js";import{mergeProps as d}from"./mergeProps.js";function c(t,e){if(!(e&&"staticConfig"in e))return o(t);const a=e.staticConfig,s={...a.variants};if(t.variants)for(const r in t.variants)s[r]?s[r]={...s[r],...t.variants[r]}:s[r]=t.variants[r];const i=[...a.parentNames||[]];a.componentName&&i.push(a.componentName);const n=t.deoptProps||new Set;return o({...a,...t,parentStaticConfig:a,deoptProps:n,variants:s,parentNames:i,validStyles:t.validStyles?{...a.validStyles,...t.validStyles}:a.validStyles||p,defaultProps:d({...a.defaultProps,...a.defaultVariants},{...t.defaultProps,...t.defaultVariants})[0]})}const o=t=>{const e={defaultProps:{},...t,parsed:!0};return{...e,propMapper:l(e)}};export{c as extendStaticConfig,o as parseStaticConfig};
+import { stylePropsView } from "@tamagui/helpers";
+import { createPropMapper } from "./createPropMapper.js";
+import { mergeProps } from "./mergeProps.js";
+function extendStaticConfig(config, parent) {
+  if (!(parent && "staticConfig" in parent)) {
+    return parseStaticConfig(config);
+  }
+  const parentStaticConfig = parent.staticConfig;
+  const variants = {
+    ...parentStaticConfig.variants
+  };
+  if (config.variants) {
+    for (const key in config.variants) {
+      if (variants[key]) {
+        variants[key] = {
+          ...variants[key],
+          ...config.variants[key]
+        };
+      } else {
+        variants[key] = config.variants[key];
+      }
+    }
+  }
+  const parentNames = [...parentStaticConfig.parentNames || []];
+  if (parentStaticConfig.componentName) {
+    parentNames.push(parentStaticConfig.componentName);
+  }
+  const deoptProps = config.deoptProps || /* @__PURE__ */ new Set();
+  return parseStaticConfig({
+    ...parentStaticConfig,
+    ...config,
+    parentStaticConfig,
+    deoptProps,
+    variants,
+    parentNames,
+    validStyles: config.validStyles ? {
+      ...parentStaticConfig.validStyles,
+      ...config.validStyles
+    } : parentStaticConfig.validStyles || stylePropsView,
+    defaultProps: mergeProps(
+      {
+        ...parentStaticConfig.defaultProps,
+        ...parentStaticConfig.defaultVariants
+      },
+      {
+        ...config.defaultProps,
+        ...config.defaultVariants
+      }
+    )[0]
+  });
+}
+const parseStaticConfig = (config) => {
+  const parsed = {
+    defaultProps: {},
+    ...config,
+    parsed: true
+  };
+  return {
+    ...parsed,
+    propMapper: createPropMapper(parsed)
+  };
+};
+export {
+  extendStaticConfig,
+  parseStaticConfig
+};
 //# sourceMappingURL=extendStaticConfig.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/extendStaticConfig.ts"],
   "sourcesContent": ["import { stylePropsView } from '@tamagui/helpers'\n\nimport type { StaticConfig, StaticConfigParsed, StylableComponent } from '../types.js'\nimport { createPropMapper } from './createPropMapper.js'\nimport { mergeProps } from './mergeProps.js'\n\nexport function extendStaticConfig(\n  config: Partial<StaticConfig>,\n  parent?: StylableComponent\n) {\n  if (!(parent && 'staticConfig' in parent)) {\n    return parseStaticConfig(config)\n  }\n\n  const parentStaticConfig = parent.staticConfig as StaticConfig\n  const variants = {\n    ...parentStaticConfig.variants,\n  }\n\n  // merge variants... can we type this?\n  if (config.variants) {\n    for (const key in config.variants) {\n      if (variants[key]) {\n        variants[key] = {\n          ...variants[key],\n          ...config.variants[key],\n        }\n      } else {\n        variants[key] = config.variants[key]\n      }\n    }\n  }\n\n  // include our own\n  const parentNames = [...(parentStaticConfig.parentNames || [])]\n  if (parentStaticConfig.componentName) {\n    parentNames.push(parentStaticConfig.componentName)\n  }\n\n  const deoptProps = config.deoptProps || new Set<string>()\n  // deoptProps.add('style')\n\n  return parseStaticConfig({\n    ...parentStaticConfig,\n    ...config,\n    parentStaticConfig,\n    deoptProps,\n    variants,\n    parentNames,\n    validStyles: config.validStyles\n      ? {\n          ...parentStaticConfig.validStyles,\n          ...config.validStyles,\n        }\n      : parentStaticConfig.validStyles || stylePropsView,\n    defaultProps: mergeProps(\n      {\n        ...parentStaticConfig.defaultProps,\n        ...parentStaticConfig.defaultVariants,\n      },\n      {\n        ...config.defaultProps,\n        ...config.defaultVariants,\n      }\n    )[0],\n  })\n}\n\nexport const parseStaticConfig = (config: Partial<StaticConfig>): StaticConfigParsed => {\n  const parsed = {\n    defaultProps: {},\n    ...config,\n    parsed: true,\n  } as const\n  return {\n    ...parsed,\n    propMapper: createPropMapper(parsed as StaticConfigParsed),\n  }\n}\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,mBAG/B,OAAS,oBAAAC,MAAwB,wBACjC,OAAS,cAAAC,MAAkB,kBAEpB,SAASC,EACdC,EACAC,EACA,CACA,GAAI,EAAEA,GAAU,iBAAkBA,GAChC,OAAOC,EAAkBF,CAAM,EAGjC,MAAMG,EAAqBF,EAAO,aAC5BG,EAAW,CACf,GAAGD,EAAmB,QACxB,EAGA,GAAIH,EAAO,SACT,UAAWK,KAAOL,EAAO,SACnBI,EAASC,CAAG,EACdD,EAASC,CAAG,EAAI,CACd,GAAGD,EAASC,CAAG,EACf,GAAGL,EAAO,SAASK,CAAG,CACxB,EAEAD,EAASC,CAAG,EAAIL,EAAO,SAASK,CAAG,EAMzC,MAAMC,EAAc,CAAC,GAAIH,EAAmB,aAAe,CAAC,CAAE,EAC1DA,EAAmB,eACrBG,EAAY,KAAKH,EAAmB,aAAa,EAGnD,MAAMI,EAAaP,EAAO,YAAc,IAAI,IAG5C,OAAOE,EAAkB,CACvB,GAAGC,EACH,GAAGH,EACH,mBAAAG,EACA,WAAAI,EACA,SAAAH,EACA,YAAAE,EACA,YAAaN,EAAO,YAChB,CACE,GAAGG,EAAmB,YACtB,GAAGH,EAAO,WACZ,EACAG,EAAmB,aAAeP,EACtC,aAAcE,EACZ,CACE,GAAGK,EAAmB,aACtB,GAAGA,EAAmB,eACxB,EACA,CACE,GAAGH,EAAO,aACV,GAAGA,EAAO,eACZ,CACF,EAAE,CAAC,CACL,CAAC,CACH,CAEO,MAAME,EAAqBF,GAAsD,CACtF,MAAMQ,EAAS,CACb,aAAc,CAAC,EACf,GAAGR,EACH,OAAQ,EACV,EACA,MAAO,CACL,GAAGQ,EACH,WAAYX,EAAiBW,CAA4B,CAC3D,CACF",
-  "names": ["stylePropsView", "createPropMapper", "mergeProps", "extendStaticConfig", "config", "parent", "parseStaticConfig", "parentStaticConfig", "variants", "key", "parentNames", "deoptProps", "parsed"]
+  "mappings": "AAAA,SAAS,sBAAsB;AAG/B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAEpB,SAAS,mBACd,QACA,QACA;AACA,MAAI,EAAE,UAAU,kBAAkB,SAAS;AACzC,WAAO,kBAAkB,MAAM;AAAA,EACjC;AAEA,QAAM,qBAAqB,OAAO;AAClC,QAAM,WAAW;AAAA,IACf,GAAG,mBAAmB;AAAA,EACxB;AAGA,MAAI,OAAO,UAAU;AACnB,eAAW,OAAO,OAAO,UAAU;AACjC,UAAI,SAAS,GAAG,GAAG;AACjB,iBAAS,GAAG,IAAI;AAAA,UACd,GAAG,SAAS,GAAG;AAAA,UACf,GAAG,OAAO,SAAS,GAAG;AAAA,QACxB;AAAA,MACF,OAAO;AACL,iBAAS,GAAG,IAAI,OAAO,SAAS,GAAG;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAGA,QAAM,cAAc,CAAC,GAAI,mBAAmB,eAAe,CAAC,CAAE;AAC9D,MAAI,mBAAmB,eAAe;AACpC,gBAAY,KAAK,mBAAmB,aAAa;AAAA,EACnD;AAEA,QAAM,aAAa,OAAO,cAAc,oBAAI,IAAY;AAGxD,SAAO,kBAAkB;AAAA,IACvB,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,OAAO,cAChB;AAAA,MACE,GAAG,mBAAmB;AAAA,MACtB,GAAG,OAAO;AAAA,IACZ,IACA,mBAAmB,eAAe;AAAA,IACtC,cAAc;AAAA,MACZ;AAAA,QACE,GAAG,mBAAmB;AAAA,QACtB,GAAG,mBAAmB;AAAA,MACxB;AAAA,MACA;AAAA,QACE,GAAG,OAAO;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,IACF,EAAE,CAAC;AAAA,EACL,CAAC;AACH;AAEO,MAAM,oBAAoB,CAAC,WAAsD;AACtF,QAAM,SAAS;AAAA,IACb,cAAc,CAAC;AAAA,IACf,GAAG;AAAA,IACH,QAAQ;AAAA,EACV;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY,iBAAiB,MAA4B;AAAA,EAC3D;AACF;",
+  "names": []
 }

package/dist/esm/helpers/extendStaticConfig.mjs

@@ -1,2 +1,67 @@
-import{stylePropsView as p}from"@tamagui/helpers";import{createPropMapper as l}from"./createPropMapper.js";import{mergeProps as d}from"./mergeProps.js";function c(t,e){if(!(e&&"staticConfig"in e))return o(t);const a=e.staticConfig,s={...a.variants};if(t.variants)for(const r in t.variants)s[r]?s[r]={...s[r],...t.variants[r]}:s[r]=t.variants[r];const i=[...a.parentNames||[]];a.componentName&&i.push(a.componentName);const n=t.deoptProps||new Set;return o({...a,...t,parentStaticConfig:a,deoptProps:n,variants:s,parentNames:i,validStyles:t.validStyles?{...a.validStyles,...t.validStyles}:a.validStyles||p,defaultProps:d({...a.defaultProps,...a.defaultVariants},{...t.defaultProps,...t.defaultVariants})[0]})}const o=t=>{const e={defaultProps:{},...t,parsed:!0};return{...e,propMapper:l(e)}};export{c as extendStaticConfig,o as parseStaticConfig};
+import { stylePropsView } from "@tamagui/helpers";
+import { createPropMapper } from "./createPropMapper.js";
+import { mergeProps } from "./mergeProps.js";
+function extendStaticConfig(config, parent) {
+  if (!(parent && "staticConfig" in parent)) {
+    return parseStaticConfig(config);
+  }
+  const parentStaticConfig = parent.staticConfig;
+  const variants = {
+    ...parentStaticConfig.variants
+  };
+  if (config.variants) {
+    for (const key in config.variants) {
+      if (variants[key]) {
+        variants[key] = {
+          ...variants[key],
+          ...config.variants[key]
+        };
+      } else {
+        variants[key] = config.variants[key];
+      }
+    }
+  }
+  const parentNames = [...parentStaticConfig.parentNames || []];
+  if (parentStaticConfig.componentName) {
+    parentNames.push(parentStaticConfig.componentName);
+  }
+  const deoptProps = config.deoptProps || /* @__PURE__ */ new Set();
+  return parseStaticConfig({
+    ...parentStaticConfig,
+    ...config,
+    parentStaticConfig,
+    deoptProps,
+    variants,
+    parentNames,
+    validStyles: config.validStyles ? {
+      ...parentStaticConfig.validStyles,
+      ...config.validStyles
+    } : parentStaticConfig.validStyles || stylePropsView,
+    defaultProps: mergeProps(
+      {
+        ...parentStaticConfig.defaultProps,
+        ...parentStaticConfig.defaultVariants
+      },
+      {
+        ...config.defaultProps,
+        ...config.defaultVariants
+      }
+    )[0]
+  });
+}
+const parseStaticConfig = (config) => {
+  const parsed = {
+    defaultProps: {},
+    ...config,
+    parsed: true
+  };
+  return {
+    ...parsed,
+    propMapper: createPropMapper(parsed)
+  };
+};
+export {
+  extendStaticConfig,
+  parseStaticConfig
+};
 //# sourceMappingURL=extendStaticConfig.mjs.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/extendStaticConfig.ts"],
   "sourcesContent": ["import { stylePropsView } from '@tamagui/helpers'\n\nimport type { StaticConfig, StaticConfigParsed, StylableComponent } from '../types.js'\nimport { createPropMapper } from './createPropMapper.js'\nimport { mergeProps } from './mergeProps.js'\n\nexport function extendStaticConfig(\n  config: Partial<StaticConfig>,\n  parent?: StylableComponent\n) {\n  if (!(parent && 'staticConfig' in parent)) {\n    return parseStaticConfig(config)\n  }\n\n  const parentStaticConfig = parent.staticConfig as StaticConfig\n  const variants = {\n    ...parentStaticConfig.variants,\n  }\n\n  // merge variants... can we type this?\n  if (config.variants) {\n    for (const key in config.variants) {\n      if (variants[key]) {\n        variants[key] = {\n          ...variants[key],\n          ...config.variants[key],\n        }\n      } else {\n        variants[key] = config.variants[key]\n      }\n    }\n  }\n\n  // include our own\n  const parentNames = [...(parentStaticConfig.parentNames || [])]\n  if (parentStaticConfig.componentName) {\n    parentNames.push(parentStaticConfig.componentName)\n  }\n\n  const deoptProps = config.deoptProps || new Set<string>()\n  // deoptProps.add('style')\n\n  return parseStaticConfig({\n    ...parentStaticConfig,\n    ...config,\n    parentStaticConfig,\n    deoptProps,\n    variants,\n    parentNames,\n    validStyles: config.validStyles\n      ? {\n          ...parentStaticConfig.validStyles,\n          ...config.validStyles,\n        }\n      : parentStaticConfig.validStyles || stylePropsView,\n    defaultProps: mergeProps(\n      {\n        ...parentStaticConfig.defaultProps,\n        ...parentStaticConfig.defaultVariants,\n      },\n      {\n        ...config.defaultProps,\n        ...config.defaultVariants,\n      }\n    )[0],\n  })\n}\n\nexport const parseStaticConfig = (config: Partial<StaticConfig>): StaticConfigParsed => {\n  const parsed = {\n    defaultProps: {},\n    ...config,\n    parsed: true,\n  } as const\n  return {\n    ...parsed,\n    propMapper: createPropMapper(parsed as StaticConfigParsed),\n  }\n}\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,mBAG/B,OAAS,oBAAAC,MAAwB,wBACjC,OAAS,cAAAC,MAAkB,kBAEpB,SAASC,EACdC,EACAC,EACA,CACA,GAAI,EAAEA,GAAU,iBAAkBA,GAChC,OAAOC,EAAkBF,CAAM,EAGjC,MAAMG,EAAqBF,EAAO,aAC5BG,EAAW,CACf,GAAGD,EAAmB,QACxB,EAGA,GAAIH,EAAO,SACT,UAAWK,KAAOL,EAAO,SACnBI,EAASC,CAAG,EACdD,EAASC,CAAG,EAAI,CACd,GAAGD,EAASC,CAAG,EACf,GAAGL,EAAO,SAASK,CAAG,CACxB,EAEAD,EAASC,CAAG,EAAIL,EAAO,SAASK,CAAG,EAMzC,MAAMC,EAAc,CAAC,GAAIH,EAAmB,aAAe,CAAC,CAAE,EAC1DA,EAAmB,eACrBG,EAAY,KAAKH,EAAmB,aAAa,EAGnD,MAAMI,EAAaP,EAAO,YAAc,IAAI,IAG5C,OAAOE,EAAkB,CACvB,GAAGC,EACH,GAAGH,EACH,mBAAAG,EACA,WAAAI,EACA,SAAAH,EACA,YAAAE,EACA,YAAaN,EAAO,YAChB,CACE,GAAGG,EAAmB,YACtB,GAAGH,EAAO,WACZ,EACAG,EAAmB,aAAeP,EACtC,aAAcE,EACZ,CACE,GAAGK,EAAmB,aACtB,GAAGA,EAAmB,eACxB,EACA,CACE,GAAGH,EAAO,aACV,GAAGA,EAAO,eACZ,CACF,EAAE,CAAC,CACL,CAAC,CACH,CAEO,MAAME,EAAqBF,GAAsD,CACtF,MAAMQ,EAAS,CACb,aAAc,CAAC,EACf,GAAGR,EACH,OAAQ,EACV,EACA,MAAO,CACL,GAAGQ,EACH,WAAYX,EAAiBW,CAA4B,CAC3D,CACF",
-  "names": ["stylePropsView", "createPropMapper", "mergeProps", "extendStaticConfig", "config", "parent", "parseStaticConfig", "parentStaticConfig", "variants", "key", "parentNames", "deoptProps", "parsed"]
+  "mappings": "AAAA,SAAS,sBAAsB;AAG/B,SAAS,wBAAwB;AACjC,SAAS,kBAAkB;AAEpB,SAAS,mBACd,QACA,QACA;AACA,MAAI,EAAE,UAAU,kBAAkB,SAAS;AACzC,WAAO,kBAAkB,MAAM;AAAA,EACjC;AAEA,QAAM,qBAAqB,OAAO;AAClC,QAAM,WAAW;AAAA,IACf,GAAG,mBAAmB;AAAA,EACxB;AAGA,MAAI,OAAO,UAAU;AACnB,eAAW,OAAO,OAAO,UAAU;AACjC,UAAI,SAAS,GAAG,GAAG;AACjB,iBAAS,GAAG,IAAI;AAAA,UACd,GAAG,SAAS,GAAG;AAAA,UACf,GAAG,OAAO,SAAS,GAAG;AAAA,QACxB;AAAA,MACF,OAAO;AACL,iBAAS,GAAG,IAAI,OAAO,SAAS,GAAG;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAGA,QAAM,cAAc,CAAC,GAAI,mBAAmB,eAAe,CAAC,CAAE;AAC9D,MAAI,mBAAmB,eAAe;AACpC,gBAAY,KAAK,mBAAmB,aAAa;AAAA,EACnD;AAEA,QAAM,aAAa,OAAO,cAAc,oBAAI,IAAY;AAGxD,SAAO,kBAAkB;AAAA,IACvB,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,OAAO,cAChB;AAAA,MACE,GAAG,mBAAmB;AAAA,MACtB,GAAG,OAAO;AAAA,IACZ,IACA,mBAAmB,eAAe;AAAA,IACtC,cAAc;AAAA,MACZ;AAAA,QACE,GAAG,mBAAmB;AAAA,QACtB,GAAG,mBAAmB;AAAA,MACxB;AAAA,MACA;AAAA,QACE,GAAG,OAAO;AAAA,QACV,GAAG,OAAO;AAAA,MACZ;AAAA,IACF,EAAE,CAAC;AAAA,EACL,CAAC;AACH;AAEO,MAAM,oBAAoB,CAAC,WAAsD;AACtF,QAAM,SAAS;AAAA,IACb,cAAc,CAAC;AAAA,IACf,GAAG;AAAA,IACH,QAAQ;AAAA,EACV;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY,iBAAiB,MAA4B;AAAA,EAC3D;AACF;",
+  "names": []
 }

package/dist/esm/helpers/getAnimationDriver.js

@@ -1,2 +1,8 @@
-import{getConfig as i}from"../config.js";function t(){return i().animations}export{t as getAnimationDriver};
+import { getConfig } from "../config.js";
+function getAnimationDriver() {
+  return getConfig().animations;
+}
+export {
+  getAnimationDriver
+};
 //# sourceMappingURL=getAnimationDriver.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getAnimationDriver.tsx"],
   "sourcesContent": ["import { getConfig } from '../config.js'\n\n/**\n * @deprecated use the `useAnimationDriver` hook instead\n */\nexport function getAnimationDriver() {\n  return getConfig().animations\n}\n"],
-  "mappings": "AAAA,OAAS,aAAAA,MAAiB,eAKnB,SAASC,GAAqB,CACnC,OAAOD,EAAU,EAAE,UACrB",
-  "names": ["getConfig", "getAnimationDriver"]
+  "mappings": "AAAA,SAAS,iBAAiB;AAKnB,SAAS,qBAAqB;AACnC,SAAO,UAAU,EAAE;AACrB;",
+  "names": []
 }

package/dist/esm/helpers/getAnimationDriver.mjs

@@ -1,2 +1,8 @@
-import{getConfig as i}from"../config.js";function t(){return i().animations}export{t as getAnimationDriver};
+import { getConfig } from "../config.js";
+function getAnimationDriver() {
+  return getConfig().animations;
+}
+export {
+  getAnimationDriver
+};
 //# sourceMappingURL=getAnimationDriver.mjs.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getAnimationDriver.tsx"],
   "sourcesContent": ["import { getConfig } from '../config.js'\n\n/**\n * @deprecated use the `useAnimationDriver` hook instead\n */\nexport function getAnimationDriver() {\n  return getConfig().animations\n}\n"],
-  "mappings": "AAAA,OAAS,aAAAA,MAAiB,eAKnB,SAASC,GAAqB,CACnC,OAAOD,EAAU,EAAE,UACrB",
-  "names": ["getConfig", "getAnimationDriver"]
+  "mappings": "AAAA,SAAS,iBAAiB;AAKnB,SAAS,qBAAqB;AACnC,SAAO,UAAU,EAAE;AACrB;",
+  "names": []
 }

package/dist/esm/helpers/getExpandedShorthands.js

@@ -1,2 +1,15 @@
-import{getConfig as e}from"../config.js";function a(t){const o=e().shorthands;if(!o)return t;const r={};for(const n in t)r[o[n]||n]=t[n];return r}export{a as getExpandedShorthands};
+import { getConfig } from "../config.js";
+function getExpandedShorthands(props) {
+  const shorthands = getConfig().shorthands;
+  if (!shorthands)
+    return props;
+  const res = {};
+  for (const key in props) {
+    res[shorthands[key] || key] = props[key];
+  }
+  return res;
+}
+export {
+  getExpandedShorthands
+};
 //# sourceMappingURL=getExpandedShorthands.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/helpers/getExpandedShorthands.ts"],
   "sourcesContent": ["import { getConfig } from '../config.js'\nimport { Shorthands } from '../types.js'\n\nexport function getExpandedShorthands<A extends Object>(\n  props: A\n): Omit<A, keyof Shorthands> {\n  const shorthands = getConfig().shorthands\n  if (!shorthands) return props\n  const res = {} as A\n  for (const key in props) {\n    // @ts-ignore\n    res[shorthands[key] || key] = props[key]\n  }\n  return res\n}\n"],
-  "mappings": "AAAA,OAAS,aAAAA,MAAiB,eAGnB,SAASC,EACdC,EAC2B,CAC3B,MAAMC,EAAaH,EAAU,EAAE,WAC/B,GAAI,CAACG,EAAY,OAAOD,EACxB,MAAME,EAAM,CAAC,EACb,UAAWC,KAAOH,EAEhBE,EAAID,EAAWE,CAAG,GAAKA,CAAG,EAAIH,EAAMG,CAAG,EAEzC,OAAOD,CACT",
-  "names": ["getConfig", "getExpandedShorthands", "props", "shorthands", "res", "key"]
+  "mappings": "AAAA,SAAS,iBAAiB;AAGnB,SAAS,sBACd,OAC2B;AAC3B,QAAM,aAAa,UAAU,EAAE;AAC/B,MAAI,CAAC;AAAY,WAAO;AACxB,QAAM,MAAM,CAAC;AACb,aAAW,OAAO,OAAO;AAEvB,QAAI,WAAW,GAAG,KAAK,GAAG,IAAI,MAAM,GAAG;AAAA,EACzC;AACA,SAAO;AACT;",
+  "names": []
 }

package/dist/esm/helpers/getExpandedShorthands.mjs

@@ -1,2 +1,15 @@
-import{getConfig as e}from"../config.js";function a(t){const o=e().shorthands;if(!o)return t;const r={};for(const n in t)r[o[n]||n]=t[n];return r}export{a as getExpandedShorthands};
+import { getConfig } from "../config.js";
+function getExpandedShorthands(props) {
+  const shorthands = getConfig().shorthands;
+  if (!shorthands)
+    return props;
+  const res = {};
+  for (const key in props) {
+    res[shorthands[key] || key] = props[key];
+  }
+  return res;
+}
+export {
+  getExpandedShorthands
+};
 //# sourceMappingURL=getExpandedShorthands.mjs.map