@tamagui/stacks 1.61.3 → 1.62.0

package/dist/jsx/Stacks.js

@@ -6,31 +6,27 @@ const fullscreenStyle = {
   left: 0,
   right: 0,
   bottom: 0
-};
-const variants = {
+}, variants = {
   fullscreen: {
     true: fullscreenStyle
   },
   elevation: {
     "...size": getElevation
   }
-};
-const YStack = styled(Stack, {
+}, YStack = styled(Stack, {
   flexDirection: "column",
   variants
-});
-const XStack = styled(Stack, {
+}), XStack = styled(Stack, {
   flexDirection: "row",
   variants
-});
-const ZStack = styled(
+}), ZStack = styled(
   YStack,
   {
     position: "relative"
   },
   {
-    neverFlatten: true,
-    isZStack: true
+    neverFlatten: !0,
+    isZStack: !0
   }
 );
 export {

package/dist/jsx/Stacks.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Stacks.tsx"],
-  "mappings": "AAAA,SAAmB,OAAO,cAAc;AAExC,SAAS,oBAAoB;AAMtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEA,MAAM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AACF;AAEO,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC;AAEM,MAAM,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC;AAEM,MAAM,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;",
+  "mappings": "AAAA,SAAmB,OAAO,cAAc;AAExC,SAAS,oBAAoB;AAMtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AACF,GAEa,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC,GAEY,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC,GAEY,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;",
   "names": []
 }

package/dist/jsx/Stacks.native.js

@@ -0,0 +1,38 @@
+import { Stack, styled } from "@tamagui/core";
+import { getElevation } from "./getElevation";
+const fullscreenStyle = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0
+}, variants = {
+  fullscreen: {
+    true: fullscreenStyle
+  },
+  elevation: {
+    "...size": getElevation
+  }
+}, YStack = styled(Stack, {
+  flexDirection: "column",
+  variants
+}), XStack = styled(Stack, {
+  flexDirection: "row",
+  variants
+}), ZStack = styled(
+  YStack,
+  {
+    position: "relative"
+  },
+  {
+    neverFlatten: !0,
+    isZStack: !0
+  }
+);
+export {
+  XStack,
+  YStack,
+  ZStack,
+  fullscreenStyle
+};
+//# sourceMappingURL=Stacks.js.map

package/dist/jsx/Stacks.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Stacks.tsx"],
+  "mappings": "AAAA,SAAmB,OAAO,cAAc;AAExC,SAAS,oBAAoB;AAMtB,MAAM,kBAAkB;AAAA,EAC7B,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV,GAEM,WAAW;AAAA,EACf,YAAY;AAAA,IACV,MAAM;AAAA,EACR;AAAA,EACA,WAAW;AAAA,IACT,WAAW;AAAA,EACb;AACF,GAEa,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC,GAEY,SAAS,OAAO,OAAO;AAAA,EAClC,eAAe;AAAA,EACf;AACF,CAAC,GAEY,SAAS;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,cAAc;AAAA,IACd,UAAU;AAAA,EACZ;AACF;",
+  "names": []
+}

package/dist/jsx/ThemeableStack.js

@@ -17,8 +17,7 @@ const chromelessStyle = {
   hoverStyle: {
     borderColor: "transparent"
   }
-};
-const themeableVariants = {
+}, themeableVariants = {
   backgrounded: {
     true: {
       backgroundColor: "$background"
@@ -46,8 +45,7 @@ const themeableVariants = {
       focusStyle: chromelessStyle
     }
   }
-};
-const ThemeableStack = styled(YStack, {
+}, ThemeableStack = styled(YStack, {
   variants: themeableVariants
 });
 export {

package/dist/jsx/ThemeableStack.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/ThemeableStack.tsx"],
-  "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AACF;AAEO,MAAM,oBAAoB;AAAA,EAC/B,cAAc;AAAA,IACZ,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,UAAU;AACZ,CAAC;",
+  "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AACF,GAEa,oBAAoB;AAAA,EAC/B,cAAc;AAAA,IACZ,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AACF,GAEa,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,UAAU;AACZ,CAAC;",
   "names": []
 }

package/dist/jsx/ThemeableStack.native.js

@@ -0,0 +1,55 @@
+import { styled } from "@tamagui/core";
+import { YStack } from "./Stacks";
+import {
+  bordered,
+  circular,
+  elevate,
+  focusTheme,
+  hoverTheme,
+  padded,
+  pressTheme,
+  radiused
+} from "./variants";
+const chromelessStyle = {
+  backgroundColor: "transparent",
+  borderColor: "transparent",
+  shadowColor: "transparent",
+  hoverStyle: {
+    borderColor: "transparent"
+  }
+}, themeableVariants = {
+  backgrounded: {
+    true: {
+      backgroundColor: "$background"
+    }
+  },
+  radiused,
+  hoverTheme,
+  pressTheme,
+  focusTheme,
+  circular,
+  padded,
+  elevate,
+  bordered,
+  transparent: {
+    true: {
+      backgroundColor: "transparent"
+    }
+  },
+  chromeless: {
+    true: chromelessStyle,
+    all: {
+      ...chromelessStyle,
+      hoverStyle: chromelessStyle,
+      pressStyle: chromelessStyle,
+      focusStyle: chromelessStyle
+    }
+  }
+}, ThemeableStack = styled(YStack, {
+  variants: themeableVariants
+});
+export {
+  ThemeableStack,
+  themeableVariants
+};
+//# sourceMappingURL=ThemeableStack.js.map

package/dist/jsx/ThemeableStack.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/ThemeableStack.tsx"],
+  "mappings": "AAAA,SAAmB,cAAc;AAEjC,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,kBAAkB;AAAA,EACtB,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,aAAa;AAAA,EAEb,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AACF,GAEa,oBAAoB;AAAA,EAC/B,cAAc;AAAA,IACZ,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA,aAAa;AAAA,IACX,MAAM;AAAA,MACJ,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACH,GAAG;AAAA,MACH,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AACF,GAEa,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,UAAU;AACZ,CAAC;",
+  "names": []
+}

package/dist/jsx/getElevation.js

@@ -6,25 +6,17 @@ import {
 const getElevation = (size, extras) => {
   if (!size)
     return;
-  const { tokens } = extras;
-  const token = tokens.size[size];
-  const sizeNum = isVariable(token) ? +token.val : size;
+  const { tokens } = extras, token = tokens.size[size], sizeNum = isVariable(token) ? +token.val : size;
   return getSizedElevation(sizeNum, extras);
-};
-const getSizedElevation = (val, { theme, tokens }) => {
+}, getSizedElevation = (val, { theme, tokens }) => {
   let num = 0;
-  if (val === true) {
-    const val2 = getVariableValue(tokens.size["true"]);
-    if (typeof val2 === "number") {
-      num = val2;
-    } else {
-      num = 10;
-    }
-  } else {
+  if (val === !0) {
+    const val2 = getVariableValue(tokens.size.true);
+    typeof val2 == "number" ? num = val2 : num = 10;
+  } else
     num = +val;
-  }
   const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
-  const shadow = {
+  return {
     shadowColor: theme.shadowColor,
     shadowRadius,
     shadowOffset: { height, width: 0 },
@@ -32,7 +24,6 @@ const getSizedElevation = (val, { theme, tokens }) => {
       elevationAndroid: 2 * height
     } : {}
   };
-  return shadow;
 };
 export {
   getElevation,

package/dist/jsx/getElevation.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/getElevation.tsx"],
-  "mappings": "AAAA;AAAA,EAKE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAsD,CAAC,MAAM,WAAW;AACnF,MAAI,CAAC;AAAM;AACX,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM,QAAQ,OAAO,KAAK,IAAI;AAC9B,QAAM,UAAW,WAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AAClD,SAAO,kBAAkB,SAAS,MAAM;AAC1C;AAEO,MAAM,oBAAoB,CAC/B,KACA,EAAE,OAAO,OAAO,MACb;AACH,MAAI,MAAM;AACV,MAAI,QAAQ,MAAM;AAChB,UAAMA,OAAM,iBAAiB,OAAO,KAAK,MAAM,CAAC;AAChD,QAAI,OAAOA,SAAQ,UAAU;AAC3B,YAAMA;AAAA,IACR,OAAO;AACL,YAAM;AAAA,IACR;AAAA,EACF,OAAO;AACL,UAAM,CAAC;AAAA,EACT;AACA,QAAM,CAAC,QAAQ,YAAY,IAAI,CAAC,KAAK,MAAM,MAAM,IAAI,CAAC,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC,CAAC;AAChF,QAAM,SAAS;AAAA,IACb,aAAa,MAAM;AAAA,IACnB;AAAA,IACA,cAAc,EAAE,QAAQ,OAAO,EAAE;AAAA,IACjC,GAAI,YACA;AAAA,MACE,kBAAkB,IAAI;AAAA,IACxB,IACA,CAAC;AAAA,EACP;AACA,SAAO;AACT;",
+  "mappings": "AAAA;AAAA,EAKE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAsD,CAAC,MAAM,WAAW;AACnF,MAAI,CAAC;AAAM;AACX,QAAM,EAAE,OAAO,IAAI,QACb,QAAQ,OAAO,KAAK,IAAI,GACxB,UAAW,WAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AAClD,SAAO,kBAAkB,SAAS,MAAM;AAC1C,GAEa,oBAAoB,CAC/B,KACA,EAAE,OAAO,OAAO,MACb;AACH,MAAI,MAAM;AACV,MAAI,QAAQ,IAAM;AAChB,UAAMA,OAAM,iBAAiB,OAAO,KAAK,IAAO;AAChD,IAAI,OAAOA,QAAQ,WACjB,MAAMA,OAEN,MAAM;AAAA,EAEV;AACE,UAAM,CAAC;AAET,QAAM,CAAC,QAAQ,YAAY,IAAI,CAAC,KAAK,MAAM,MAAM,IAAI,CAAC,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC,CAAC;AAWhF,SAVe;AAAA,IACb,aAAa,MAAM;AAAA,IACnB;AAAA,IACA,cAAc,EAAE,QAAQ,OAAO,EAAE;AAAA,IACjC,GAAI,YACA;AAAA,MACE,kBAAkB,IAAI;AAAA,IACxB,IACA,CAAC;AAAA,EACP;AAEF;",
   "names": ["val"]
 }

package/dist/jsx/getElevation.native.js

@@ -0,0 +1,32 @@
+import {
+  getVariableValue,
+  isAndroid,
+  isVariable
+} from "@tamagui/core";
+const getElevation = (size, extras) => {
+  if (!size)
+    return;
+  const { tokens } = extras, token = tokens.size[size], sizeNum = isVariable(token) ? +token.val : size;
+  return getSizedElevation(sizeNum, extras);
+}, getSizedElevation = (val, { theme, tokens }) => {
+  let num = 0;
+  if (val === !0) {
+    const val2 = getVariableValue(tokens.size.true);
+    typeof val2 == "number" ? num = val2 : num = 10;
+  } else
+    num = +val;
+  const [height, shadowRadius] = [Math.round(num / 4 + 1), Math.round(num / 2 + 2)];
+  return {
+    shadowColor: theme.shadowColor,
+    shadowRadius,
+    shadowOffset: { height, width: 0 },
+    ...isAndroid ? {
+      elevationAndroid: 2 * height
+    } : {}
+  };
+};
+export {
+  getElevation,
+  getSizedElevation
+};
+//# sourceMappingURL=getElevation.js.map

package/dist/jsx/getElevation.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/getElevation.tsx"],
+  "mappings": "AAAA;AAAA,EAKE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,eAAsD,CAAC,MAAM,WAAW;AACnF,MAAI,CAAC;AAAM;AACX,QAAM,EAAE,OAAO,IAAI,QACb,QAAQ,OAAO,KAAK,IAAI,GACxB,UAAW,WAAW,KAAK,IAAI,CAAC,MAAM,MAAM;AAClD,SAAO,kBAAkB,SAAS,MAAM;AAC1C,GAEa,oBAAoB,CAC/B,KACA,EAAE,OAAO,OAAO,MACb;AACH,MAAI,MAAM;AACV,MAAI,QAAQ,IAAM;AAChB,UAAMA,OAAM,iBAAiB,OAAO,KAAK,IAAO;AAChD,IAAI,OAAOA,QAAQ,WACjB,MAAMA,OAEN,MAAM;AAAA,EAEV;AACE,UAAM,CAAC;AAET,QAAM,CAAC,QAAQ,YAAY,IAAI,CAAC,KAAK,MAAM,MAAM,IAAI,CAAC,GAAG,KAAK,MAAM,MAAM,IAAI,CAAC,CAAC;AAWhF,SAVe;AAAA,IACb,aAAa,MAAM;AAAA,IACnB;AAAA,IACA,cAAc,EAAE,QAAQ,OAAO,EAAE;AAAA,IACjC,GAAI,YACA;AAAA,MACE,kBAAkB,IAAI;AAAA,IACxB,IACA,CAAC;AAAA,EACP;AAEF;",
+  "names": ["val"]
+}

package/dist/jsx/index.native.js

@@ -0,0 +1,4 @@
+export * from "./Stacks";
+export * from "./SizableStack";
+export * from "./ThemeableStack";
+//# sourceMappingURL=index.js.map

package/dist/jsx/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/variants.js

@@ -1,56 +1,46 @@
 import { getElevation } from "./getElevation";
 const elevate = {
-  true: (_, extras) => {
-    return getElevation(extras.props["size"], extras);
-  }
-};
-const bordered = (val, { props }) => {
-  return {
-    // TODO size it with size in '...size'
-    borderWidth: typeof val === "number" ? val : 1,
-    borderColor: "$borderColor",
-    ...props.hoverTheme && {
-      hoverStyle: {
-        borderColor: "$borderColorHover"
-      }
-    },
-    ...props.pressTheme && {
-      pressStyle: {
-        borderColor: "$borderColorPress"
-      }
-    },
-    ...props.focusTheme && {
-      focusStyle: {
-        borderColor: "$borderColorFocus"
-      }
+  true: (_, extras) => getElevation(extras.props.size, extras)
+}, bordered = (val, { props }) => ({
+  // TODO size it with size in '...size'
+  borderWidth: typeof val == "number" ? val : 1,
+  borderColor: "$borderColor",
+  ...props.hoverTheme && {
+    hoverStyle: {
+      borderColor: "$borderColorHover"
     }
-  };
-};
-const padded = {
+  },
+  ...props.pressTheme && {
+    pressStyle: {
+      borderColor: "$borderColorPress"
+    }
+  },
+  ...props.focusTheme && {
+    focusStyle: {
+      borderColor: "$borderColorFocus"
+    }
+  }
+}), padded = {
   true: (_, extras) => {
     const { tokens, props } = extras;
     return {
-      padding: tokens.space[props.size] || tokens.space["$true"]
+      padding: tokens.space[props.size] || tokens.space.$true
     };
   }
-};
-const radiused = {
+}, radiused = {
   true: (_, extras) => {
     const { tokens, props } = extras;
     return {
-      borderRadius: tokens.radius[props.size] || tokens.radius["$true"]
+      borderRadius: tokens.radius[props.size] || tokens.radius.$true
     };
   }
-};
-const circularStyle = {
+}, circularStyle = {
   borderRadius: 1e5,
   padding: 0
-};
-const circular = {
+}, circular = {
   true: (_, { props, tokens }) => {
-    if (!("size" in props)) {
+    if (!("size" in props))
       return circularStyle;
-    }
     const size = tokens.size[props.size];
     return {
       ...circularStyle,
@@ -62,8 +52,7 @@ const circular = {
       minHeight: size
     };
   }
-};
-const hoverTheme = {
+}, hoverTheme = {
   true: {
     hoverStyle: {
       backgroundColor: "$backgroundHover",
@@ -71,8 +60,7 @@ const hoverTheme = {
     }
   },
   false: {}
-};
-const pressTheme = {
+}, pressTheme = {
   true: {
     cursor: "pointer",
     pressStyle: {
@@ -81,8 +69,7 @@ const pressTheme = {
     }
   },
   false: {}
-};
-const focusTheme = {
+}, focusTheme = {
   true: {
     focusStyle: {
       backgroundColor: "$backgroundFocus",

package/dist/jsx/variants.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/variants.tsx"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,GAAY,WAAgB;AACjC,WAAO,aAAa,OAAO,MAAM,MAAM,GAAG,MAAM;AAAA,EAClD;AACF;AAEO,MAAM,WAAW,CAAC,KAAuB,EAAE,MAAM,MAAM;AAC5D,SAAO;AAAA;AAAA,IAEL,aAAa,OAAO,QAAQ,WAAW,MAAM;AAAA,IAC7C,aAAa;AAAA,IAEb,GAAI,MAAM,cAAc;AAAA,MACtB,YAAY;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,GAAI,MAAM,cAAc;AAAA,MACtB,YAAY;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IAEA,GAAI,MAAM,cAAc;AAAA,MACtB,YAAY;AAAA,QACV,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AACF;AAEO,MAAM,SAAS;AAAA,EACpB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,SAAS,OAAO,MAAM,MAAM,IAAI,KAAK,OAAO,MAAM,OAAO;AAAA,IAC3D;AAAA,EACF;AACF;AAEO,MAAM,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,cAAc,OAAO,OAAO,MAAM,IAAI,KAAK,OAAO,OAAO,OAAO;AAAA,IAClE;AAAA,EACF;AACF;AAEA,MAAM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,SAAS;AACX;AAEO,MAAM,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,EAAE,OAAO,OAAO,MAAM;AAC9B,QAAI,EAAE,UAAU,QAAQ;AACtB,aAAO;AAAA,IACT;AACA,UAAM,OAAO,OAAO,KAAK,MAAM,IAAI;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,EACF;AACF;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;AAEO,MAAM,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;",
+  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,GAAY,WACV,aAAa,OAAO,MAAM,MAAS,MAAM;AAEpD,GAEa,WAAW,CAAC,KAAuB,EAAE,MAAM,OAC/C;AAAA;AAAA,EAEL,aAAa,OAAO,OAAQ,WAAW,MAAM;AAAA,EAC7C,aAAa;AAAA,EAEb,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AACF,IAGW,SAAS;AAAA,EACpB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,SAAS,OAAO,MAAM,MAAM,IAAI,KAAK,OAAO,MAAM;AAAA,IACpD;AAAA,EACF;AACF,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,cAAc,OAAO,OAAO,MAAM,IAAI,KAAK,OAAO,OAAO;AAAA,IAC3D;AAAA,EACF;AACF,GAEM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,SAAS;AACX,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,EAAE,OAAO,OAAO,MAAM;AAC9B,QAAI,EAAE,UAAU;AACd,aAAO;AAET,UAAM,OAAO,OAAO,KAAK,MAAM,IAAI;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,EACF;AACF,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;",
   "names": []
 }

package/dist/jsx/variants.native.js

@@ -0,0 +1,91 @@
+import { getElevation } from "./getElevation";
+const elevate = {
+  true: (_, extras) => getElevation(extras.props.size, extras)
+}, bordered = (val, { props }) => ({
+  // TODO size it with size in '...size'
+  borderWidth: typeof val == "number" ? val : 1,
+  borderColor: "$borderColor",
+  ...props.hoverTheme && {
+    hoverStyle: {
+      borderColor: "$borderColorHover"
+    }
+  },
+  ...props.pressTheme && {
+    pressStyle: {
+      borderColor: "$borderColorPress"
+    }
+  },
+  ...props.focusTheme && {
+    focusStyle: {
+      borderColor: "$borderColorFocus"
+    }
+  }
+}), padded = {
+  true: (_, extras) => {
+    const { tokens, props } = extras;
+    return {
+      padding: tokens.space[props.size] || tokens.space.$true
+    };
+  }
+}, radiused = {
+  true: (_, extras) => {
+    const { tokens, props } = extras;
+    return {
+      borderRadius: tokens.radius[props.size] || tokens.radius.$true
+    };
+  }
+}, circularStyle = {
+  borderRadius: 1e5,
+  padding: 0
+}, circular = {
+  true: (_, { props, tokens }) => {
+    if (!("size" in props))
+      return circularStyle;
+    const size = tokens.size[props.size];
+    return {
+      ...circularStyle,
+      width: size,
+      height: size,
+      maxWidth: size,
+      maxHeight: size,
+      minWidth: size,
+      minHeight: size
+    };
+  }
+}, hoverTheme = {
+  true: {
+    hoverStyle: {
+      backgroundColor: "$backgroundHover",
+      borderColor: "$borderColorHover"
+    }
+  },
+  false: {}
+}, pressTheme = {
+  true: {
+    cursor: "pointer",
+    pressStyle: {
+      backgroundColor: "$backgroundPress",
+      borderColor: "$borderColorPress"
+    }
+  },
+  false: {}
+}, focusTheme = {
+  true: {
+    focusStyle: {
+      backgroundColor: "$backgroundFocus",
+      borderColor: "$borderColorFocus"
+    }
+  },
+  false: {}
+};
+export {
+  bordered,
+  circular,
+  elevate,
+  focusTheme,
+  hoverTheme,
+  padded,
+  pressTheme,
+  radiused
+};
+//# sourceMappingURL=variants.js.map

package/dist/jsx/variants.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/variants.tsx"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAEtB,MAAM,UAAU;AAAA,EACrB,MAAM,CAAC,GAAY,WACV,aAAa,OAAO,MAAM,MAAS,MAAM;AAEpD,GAEa,WAAW,CAAC,KAAuB,EAAE,MAAM,OAC/C;AAAA;AAAA,EAEL,aAAa,OAAO,OAAQ,WAAW,MAAM;AAAA,EAC7C,aAAa;AAAA,EAEb,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EAEA,GAAI,MAAM,cAAc;AAAA,IACtB,YAAY;AAAA,MACV,aAAa;AAAA,IACf;AAAA,EACF;AACF,IAGW,SAAS;AAAA,EACpB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,SAAS,OAAO,MAAM,MAAM,IAAI,KAAK,OAAO,MAAM;AAAA,IACpD;AAAA,EACF;AACF,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,WAAW;AACnB,UAAM,EAAE,QAAQ,MAAM,IAAI;AAC1B,WAAO;AAAA,MACL,cAAc,OAAO,OAAO,MAAM,IAAI,KAAK,OAAO,OAAO;AAAA,IAC3D;AAAA,EACF;AACF,GAEM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,SAAS;AACX,GAEa,WAAW;AAAA,EACtB,MAAM,CAAC,GAAG,EAAE,OAAO,OAAO,MAAM;AAC9B,QAAI,EAAE,UAAU;AACd,aAAO;AAET,UAAM,OAAO,OAAO,KAAK,MAAM,IAAI;AACnC,WAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,WAAW;AAAA,MACX,UAAU;AAAA,MACV,WAAW;AAAA,IACb;AAAA,EACF;AACF,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,QAAQ;AAAA,IACR,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV,GAEa,aAAa;AAAA,EACxB,MAAM;AAAA,IACJ,YAAY;AAAA,MACV,iBAAiB;AAAA,MACjB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,OAAO,CAAC;AACV;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/stacks",
-  "version": "1.61.3",
+  "version": "1.62.0",
   "sideEffects": [
     "*.css"
   ],
@@ -29,14 +29,14 @@
     }
   },
   "dependencies": {
-    "@tamagui/core": "1.61.3"
+    "@tamagui/core": "1.62.0"
   },
   "peerDependencies": {
     "react": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.61.3",
-    "@tamagui/get-button-sized": "1.61.3",
+    "@tamagui/build": "1.62.0",
+    "@tamagui/get-button-sized": "1.62.0",
     "react": "^18.2.0"
   },
   "publishConfig": {